Platform thinking
I design the shell, the shared libraries and the boundaries, so each team owns its module and nobody waits on a single release train. At Intermex that meant 5+ microfrontends deploying on their own.
Available for client projects & contracts
FrontendArchitect
Hi! I'm Madhukumar. For 11 years I've built web platforms and mobile apps that teams can ship on their own schedule, for fintech, industrial safety, cold chain, gov-tech and ports.
11+Years building for the web and mobile
12+Production apps shipped
60%Fewer redundant API calls on a live payments platform
10+Countries using apps I built
I split big frontends so every team can ship on its own, and make them faster while I'm there.
About me
Hi, I'm Madhu.
I'm a senior frontend architect in Hyderabad with more than 11 years of building web platforms and mobile apps that real people use every day, from truck drivers in container yards to finance teams moving money across borders.
I started in 2014 writing native Android and iOS apps for port operations. That turned into hybrid mobile with Cordova, then Ionic and Capacitor, then large Angular platforms. Most recently I designed the microfrontend platform behind a cross-border payments product, where four teams now ship on their own schedules.
Teams tell me I'm the person who asks "what happens when the network drops?" before anyone else does. I like mentoring, I like boring, reliable releases, and I've built an AI-assisted delivery pipeline that does the repetitive parts of a ticket while a human still checks every commit.
Tools like ChatGPT, GitHub Copilot and Claude Code have become a natural extension of my workflow. I use them to explore approaches, write tests and handle boilerplate faster, then review every line myself, so the speed goes up without the quality going down.
I also work across the stack with React and Node.js, plus Express and MongoDB, so I can own a feature from the API to the last pixel.
If any of that sounds like what your team needs, let's talk.
Hey! Where did I put my chai?Can you help me find it? Maybe some light will help…
Move around to use the torch
☆Find my chai
☆Find the bug
What sets me apart
Plenty of developers can build the screen. What I add is the part around it: the architecture that lets teams move, the numbers that prove it worked, and the problems I catch before they reach production.
Problems caught early
Duplicate API calls, flaky auth on SSR, the screen that breaks offline. I look for these in planning and code review, so they never become a production incident.
Measured, not guessed
I baseline first and report the result after: 40–60% fewer redundant API calls, 30–40% faster first load, 60% faster sign-in. If it isn't measured, I don't claim it.
Web and mobile in one head
I've shipped native, hybrid and web. When your product has both an Angular portal and an Ionic app, you get one person who understands both, and one shared design for state, auth and offline.
Where I'm expert
Where I'm expert?
Most of my work is frontend architecture and hybrid mobile: Angular platforms that scale across teams, and Ionic apps that keep working when the signal doesn't. I also work with React and the Node.js back end. Tap a skill to see where I am with it.
Expert
Advanced
Intermediate
Levels are my own honest self-assessment, not test scores.
How I can help
Architecture audit
A close look at your Angular codebase, build and runtime before you commit to a rewrite or a migration.
- Bundle, load-time and API-traffic analysis
- State, auth and module-boundary review
- Microfrontend and upgrade readiness
You get a written report, an architecture diagram and a prioritised roadmap.
Platform build
I join your team as frontend architect and build the platform hands-on with your developers.
- Nx + Module Federation microfrontends
- Angular 20 SSR, signals, SignalStore
- Upgrades and Cordova → Capacitor moves
- Offline-first Ionic apps for Android and iOS
You get a working platform in production, with docs and handover sessions.
Fractional architect
Senior architecture help without a full-time hire, for teams that need their platform kept healthy.
- Code and design reviews
- Performance and Web Vitals tuning
- Mentoring and hiring support
You get set hours each month and a weekly sync.
Add-on: AI-assisted delivery for your team
I set up a guardrailed AI coding pipeline that works from your board, with a human check before anything is committed. I built it and run it on a real fintech codebase.
board → planner → implementer → tester → reviewer → fixer → human check → commit
My experience
Senior Frontend Architect
Navitas Business ConsultingArchitect of the Intermex cross-border payments platform: Nx + Module Federation microfrontends, Angular 20 SSR and a shared state, auth and API layer used by every team.
Lead Engineer
CarrierBuilt the SensiWatch mobile app from scratch for field teams in 10+ countries, with biometric sign-in, live trip maps and push alerts for trip events.
Sr. Software Engineer II
MARS TelecomBuilt the Accela mobile app from scratch in Ionic 5 + Angular, replacing the native map with ArcGIS JavaScript maps.
IT Analyst
Tata Consultancy ServicesBuilt the offline-first Marine Ops & Pilotage app for port pilots, and rebuilt the RDT Web portal (used by 30 terminals worldwide) from .NET into Angular 8.
Developer
Foray SoftwareBuilt hybrid mobile apps for container yards, including Mobile Gate for truck entry passes, delivered for TCS as the client.
Developer
CMC LimitedStarted on Android and iOS apps for ports: truck appointment booking (VBS) and real-time yard truck tracking (ITV) for Adani Ports.
Selected projects
_01.Intermex Platform
WEB
Fintech · via Navitas
40–60%fewer redundant API calls
Four payment domains (Wires, Checks, BillPay, Top-ups) needed to ship independently without duplicating data calls or slowing the first load.
- 5+ independently deployable microfrontends under one shell
- Angular 20 SSR with incremental hydration: 30–40% faster initial load
- Request dedupe + IndexedDB cache, state synced across modules
- OIDC, SignalR live status, LaunchDarkly rollouts
_02.Holcim BOG-Global
MOBILE
Industrial safety · Android + iOS
Offline-firstworks in low-signal plants
Safety tours, observations, corrective actions, QR asset scanning and digital assessments for industrial workgroups on the plant floor.
- Lead mobile developer: architecture and store releases
- SQLite offline layer with a custom Firestore sync service
- Signals + RxJS dashboards; gamified Treasure Hunt, Leagues and Shields
- On-device face detection, schema-driven forms, English + French
_03.SensiWatch Mobile
MOBILE
IoT / cold chain · Carrier
60%faster sign-in with biometrics
Companion app to the SensiWatch Platform, giving field teams in 10+ countries live shipment and sensor visibility on their phones.
- Built from scratch; Cordova → Capacitor migration
- Interactive trip map, trip log with alarm acknowledgement
- Sensor multigraphs; device-to-asset management
- Push alerts for trip events: ~35% faster incident response
_04.Accela Mobile
MOBILE
Gov-tech · via MARS Telecom
A mobile app for Accela built from scratch, where the map had to be fast and reusable across features.
- Built end to end in Ionic 5 + Angular
- Replaced the native map with ArcGIS JavaScript maps
- Reusable map service wired to the back end over REST
_05.Marine Ops & Pilotage
MOBILE
Maritime · TCS
Offlineworks at sea with no signal
Job assignments and marine-operations information for port pilots, who lose connectivity for long stretches.
- Offline storage and sync with PouchDB
- Configurable screens driven by metadata
- Light and dark themes; reusable components
_06.RDT Web Portal
WEB
Ports · TCS
30terminals worldwide
A business portal rebuilt from a standalone .NET application into a web app.
- Proofs of concept to validate the move to Angular
- Designed the layout and routing for the whole app
- Multilingual support
_07.Mobile Gate
MOBILE
Ports · Foray Software
Entry passes for trucks picking up or dropping off containers at yard locations.
- End-to-end hybrid app on Cordova
- UAT analysis and fixes before launch
- Requirements sessions directly with the client
_08.VBS · Vehicle Booking
MOBILE
Ports · TCS product
Hauliers create, move and cancel truck appointments for port access, used by port communities around the world.
- Booking create, move, cancel and enquiry
- Inventory and non-inventory transactions
- Published on Google Play and the App Store
_09.ITV Yard Tracking
MOBILE
Adani Ports · via CMC
Real-time truck tracking in the container yard, telling drivers where to go and which container to carry or drop.
- Real-time location and container status
- Yard navigation screens for drivers
- Post-launch support and change requests
_10.AI Delivery Pipeline
SIDE
Personal project
Seven agents take a ticket from Azure Boards through plan, code, test, review and fix, using file-based handoffs. Used on a real fintech codebase.
- board → planner → implementer → tester → reviewer → fixer
- Fixer retries capped at three
- A human check before every commit
_11.Job-Match Dashboard
SIDE
Personal project
Searches live listings, scores each one against a skill profile, and keeps an approval queue with drafted cover letters.
- Required vs nice-to-have skill matching
- US/UK market toggles and rate display
- Approve-before-apply queue
_12.This Portfolio
SIDE
Personal project
Plain HTML, CSS and JS, with working demos of three patterns I use in production. Try them below.
- Starfield canvas and scroll timeline, no libraries
- Respects reduced-motion settings
Try it · patterns from production
Request dedupe & cache
01 · API layerOn login, Wires, Checks and BillPay all ask for the same profile and beneficiaries. Fire the burst with the optimisations on and off, and compare network calls.
Requests0
Network0
Saved0%
// press "Fire login burst"
Remote preloading
02 · Module FederationRemotes normally load when a user first opens a tab. Preloading after login fetches them in the background, so the first click opens instantly.
session: logged out
Open a module
Feature flag targeting
03 · LaunchDarklyFeatures roll out by environment and user role without a redeploy. Change the context and see which UI the user gets.
Questions clients ask
Do we need microfrontends?
Often not. If one team owns the app, a well-structured Nx monorepo with lazy loading is usually enough. Microfrontends pay off when several teams need to release on their own schedules. The audit tells you which fits.
Can you work inside our team and tools?
Yes. I work in your repo, your board (Jira or Azure DevOps) and your CI, follow your review process, and pair with your developers.
Can you upgrade an old Angular or Cordova app?
Yes. I've worked with every Angular version from 4 to 20 and moved hybrid apps from Cordova to Capacitor. Upgrades go in steps, behind tests, without a big-bang rewrite.
Do you work with React and Node too?
Yes. I've shipped React in production and work with Node.js, Express and MongoDB, so I can cover full MEAN-stack features. For back-end-heavy projects I'll tell you upfront where I'm strongest.
Do you build mobile apps too?
Yes. Ionic and Capacitor apps for Android and iOS, including offline-first sync, biometrics and store releases. Most of my career started there.
How do you price?
The audit is a fixed fee. Builds are a monthly rate, and the retainer is a set number of hours per month. You get a written quote after a free 30-minute call.
Working hoursBased in India (IST), with daily overlap for US Eastern and UK hours.
ContractsUS clients can contract through C2Z Labs LLC (US entity, C2C). Others contract directly.
Your code, your IPEverything I write belongs to you. Happy to sign your NDA before the first call.
Contact
Get in touch!
Have a project, a migration that keeps slipping, or an app that needs to work offline? Tell me what's on your mind. I reply within one working day.
Based in Hyderabad, India · local time --:-- IST · working with US, UK and India teams