Overview
As a Frontend Engineer at Xelerate | Techem, I architect and build scalable, user-centric enterprise web applications and smart sub-metering energy management solutions, collaborating across distributed international engineering squads to deliver resilient, accessible, and high-performance interfaces.
Techem is a global market leader in smart sub-metering, digital device connectivity, and energy efficiency solutions. Within the Xelerate engineering division, our mission centers on transforming complex telemetry data streams into actionable, fluid, and intuitive digital interfaces for property managers, enterprise consumers, and internal operations.
Key Technical Achievements
- Enterprise Portal Architecture: Designed and implemented modular, component-driven client architectures using React 19, Next.js, TypeScript, and Tailwind CSS, establishing unified design tokens across internal and external digital products.
- High-Density Telemetry Visualization: Engineered interactive data dashboards capable of rendering time-series consumption metrics, energy distribution graphs, and sub-metering telemetry with sub-second responsiveness and zero layout thrashing.
- Cross-Functional Engineering: Collaborated seamlessly across distributed agile squads, coordinating with product owners, UI/UX designers, and backend API engineers across European timezones to ship sprint commitments on schedule.
- Accessibility & Compliance: Enforced strict WCAG 2.1 AA accessibility compliance across all newly developed workflows, ensuring complete screen reader support, keyboard navigation flows, and optimal color contrast ratios.
- Performance Optimization: Introduced intelligent route prefetching, asset optimization pipelines, and dynamic component code-splitting to maintain light bundle weights and sub-100ms time-to-interactive scores.
Engineering Standards & Testing
- Automated Testing Regimes: Established automated unit and component testing practices to safeguard critical data visualization and form validation workflows against regressions.
- Architecture Documentation: Authored comprehensive architecture documentation and component specifications, reducing onboarding times for incoming frontend engineers.
- Code Review Discipline: Actively drove constructive code reviews, ensuring adherence to strict TypeScript typing, DRY principles, and clean architectural boundaries.
Technical Toolkit
- Core Frontend: React 19, Next.js, TypeScript, JavaScript (ES6+), Tailwind CSS, HTML5, modern CSS custom properties
- State & Data Integration: RESTful APIs, asynchronous state hooks, JSON data streams, WebSocket telemetry integration
- Testing & Quality: Automated unit testing, component integration audits, static code analysis, continuous integration pipelines
- Workflows & Tooling: Git, GitHub, Agile/Scrum methodologies, Jira, Figma design system handoff