Mridul Shukla

Revamped the ThingsBoard UI by migrating from client-side to server-side rendering, improving SEO and boosting Web Vitals from 60 to 81. Collaborated with the design team to implement a tokenized CSS variable-based design system for scalable theming. Built over 15 reusable TypeScript components following open-source UI patterns and leveraging MUI for rapid, accessible development. Increased user retention by 35% and reduced average page load time by 48%. Developed dynamic dashboards and interactive widgets using Chart.js to visualize real-time EV analytics for the internal team. Engineered the frontend architecture of the Battery Buddy Bluetooth Android app using React Native, enabling real-time EV BMS monitoring via BLE, WebSockets, and Server-Sent Events. Applied advanced performance optimizations such as memoization, lazy loading, and FlatList tuning to minimize re-renders and improve responsiveness. Structured scalable Redux state management and integrated Firebase Analytics and Crashlytics to capture user behavior and runtime issues, accelerating debugging and enhancing user experience. Built modular, maintainable components to ensure long-term scalability and platform reliability. Spearheading frontend development of the Battery Buddy Electron app using React.js and Electron.js to deliver a high-performance UI for real-time EV battery diagnostics. Architected a modular interface with scalable components, integrating Redux Toolkit and custom hooks for efficient state management, and SQLite for local data storage. Enabled seamless BMS communication via CAN bus using Python. Designed interactive dashboards with React ECharts for advanced device management, fault logging, and user-controlled settings. Integrated PostHog and implemented A/B testing to capture behavioral analytics, informing R&D decisions, reducing iteration cycles, and accelerating product innovation.

Developed reusable functional components aligned with design specifications and project requirements, following test-driven development practices to ensure robustness. Converted pixel-perfect designs from Figma into component-based UIs using HTML, CSS, and JavaScript, collaborating with cross-functional teams to deliver seamless UI/UX. Integrated REST APIs and applied performance optimization techniques to enhance responsiveness and improve the overall user experience.