|
15+ Years Experience |
150+ Articles |
30+ NPM Packages |
5 Chrome Extensions |
2 VS Code Extensions |
2 Desktop Apps |
3 Conf Talks |
Frontend architect and lead engineer with 15+ years building large-scale web products for enterprise, energy, telecom and fintech teams — the last 6+ years at Siemens, before that at HCL and Siemens Energy. I own the technical direction — architecture, performance, accessibility, testing and release quality — and stay hands-on in the code that delivers it.
I work across the full stack: frontend architecture with Angular, React and TypeScript, backend services with Node.js, and AI-native features built with Copilot and LLM APIs.
My work lands in three places: modernising legacy Angular and React platforms without stalling delivery, setting up design systems and micro-frontend boundaries so teams ship independently, and lifting Core Web Vitals on products where speed directly affects revenue.
Measurable outcomes
- Raised a production Lighthouse score from 20 → 97 through rendering, bundle and asset-delivery optimisation.
- Improved Core Web Vitals (LCP, FID, CLS) by 80%.
- Led an energy-platform redesign delivering a 47% performance boost and a 32% increase in customer acquisition.
- Cut release-time bugs by 63% and reached 90% unit-test coverage.
- Reduced runtime bottlenecks by 48% via memory-leak resolution and performance profiling.
- Introduced Backend-Driven Architecture, cutting development effort by 13%.
- Led micro-frontend adoption, reducing deployment overhead and enabling independent releases.
Frontend
Backend & tools
DevOps, cloud & delivery
Quality & accessibility
AI & AI-native
I use AI deliberately to move faster without lowering engineering standards — prototyping, automating repetitive work, and shipping AI-native product features.
- AI-assisted development with GitHub Copilot, ChatGPT, Claude and Gemini
- Rapid prototyping and scaffolding of new features
- Automating repetitive, error-prone work (tests, reviews, migrations)
- AI-native UI patterns and product integrations
|
|
|
Siemens · 2020 – Present (6+ years)
Senior Lead Software Engineer — lead frontend architecture and delivery for enterprise energy-automation products. Earlier roles across Siemens Energy and Siemens Mobility within the Siemens group.
HCL · earlier
Software Engineer — delivered frontend features for enterprise and telecom client programmes.
Client programmes: AT&T · Airtel · GIPL · RMG Worldwide · AllCAD Services
| Category | Count | Highlights |
|---|---|---|
| Technical Articles | 150+ | Medium · Dev.to · Substack · Hashnode |
| NPM Packages | 30+ | rm-range-slider · rm-carousel · rm-ng-pdf-viewer · rm-ng-video-player · rm-ng-dynamic-layout · rm-pushnotify · @codewithrajat/rm-ng-structure-pdf and more |
| Chrome Extensions | 5 | QuickOCR · readLoude · AI Reply Assistant |
| VS Code Extensions | 2 | Dead CSS Cleaner · File Coverage Insight |
| Desktop Apps | 2 | DeepWork · JsSandbox |
| Conference Talks | 3 | National tech conferences |
Every library ships with zero/minimal dependencies, tree-shakable & SSR-safe APIs, full TypeScript typings, and accessibility + performance budgets.
- Range Slider —
rm-range-slider(dual-thumb, keyboard, zero-dependency) - Carousel —
rm-carousel(touch, lazy loading, virtual scrolling) - Image Slider —
rm-image-slider(lightbox, YouTube/MP4) - Star Rating —
rm-ng-star-rating - Typeahead —
rm-ng-typeahead - Rich Text Editor —
rm-ng-editor - Dynamic Layout —
rm-ng-dynamic-layout - Device Detection —
rm-ng-device-detection - Push Notifications —
rm-pushnotify - Colorful Console Logger —
rm-colorful-console-logger - Export to CSV —
rm-ng-export-to-csv - PDF Export —
@codewithrajat/rm-ng-pdf-export - PDF Viewer —
rm-ng-pdf-viewer - Structured PDF —
@codewithrajat/rm-ng-structure-pdf - Video Player —
@codewithrajat/rm-ng-video-player - Toast Notifications —
rm-toast-notification - Chrome: QuickOCR · readLoude · AI Reply Assistant
- VS Code: Dead CSS Cleaner · File Coverage Insight
- Desktop: DeepWork · JsSandbox
Sorted from highest stars / downloads to lowest:
| Project | Stars | Downloads / week |
|---|---|---|
| rm-ng-export-to-csv — export JSON to CSV | ||
| rm-ng-star-rating — star rating component | ||
| rm-image-slider — image slider + lightbox | ||
| rm-ng-device-detection — device / browser detection | ||
| rm-carousel — carousel component | ||
| rm-range-slider — dual-thumb range slider | ||
| JsSandbox — desktop JavaScript playground | Desktop app | |
| rm-ng-video-player — Angular video player | ||
| DeepWork — focus & productivity app | Desktop app | |
| rm-ng-pdf-viewer — Angular PDF viewer | — |
|
rm-ng-export-to-csv |
rm-ng-star-rating |
|
rm-image-slider |
rm-ng-device-detection |
|
rm-carousel |
rm-range-slider |
|
JsSandbox |
rm-ng-video-player |
|
DeepWork |
rm-ng-pdf-viewer |
| Talk | Event | Date |
|---|---|---|
| Modern Web Performance Optimization Techniques | Tech Conference, Gurgaon | June 2025 |
| Building Scalable Frontend Architectures | Developer Meetup, Delhi | April 2024 |
| Angular Performance Mastery | Angular Community Meetup | March 2024 |
- Stellar Award — Siemens
- Star Performer — Siemens
Subscribe to my newsletter The Angular Insider for practical frontend, architecture and AI insights.
- Technical speaking engagements
- Open source contributions
- Technical writing & guest posts
- Mentorship programs
- Consulting on frontend architecture
- Workshops & training sessions
- Give a star to the featured projects above if they help you
- Fork projects you find useful
- Read and share the articles
- Open discussions and issues
- Connect on LinkedIn
"Whether you think you can or think you can't, you're right."
"The only limit to our realization of tomorrow will be our doubts of today."
Mission: empowering developers through code, content, and community.




