Sixteen destinations, one route
01Travel · Web Platform
Holidays Journey — Char Dham & India Tours
A travel company’s full platform: a scroll-led site through the Himalaya, packages served from a database, and an enquiry pipeline with its own admin.
Rahul Kumar
Portfolio — 2026
Ambient sound is optional — switch it off any time.
Open to workFull-stack engineer & creative developer
Rahul KumarEngineeringdigitalworlds.
I build complete digital products — interface to infrastructure — and the motion, 3D and performance work that makes them feel alive.
02About
The engineerbehind theinterface.
I design, build and ship production systems end to end — interface engineering, APIs, data models and the architecture that holds them together. Recently that has meant micro-frontend platforms, AI-assisted product surfaces and performance work that moves real numbers.
My work sits where systems thinking meets visual craft. I care about the architecture that keeps a product coherent as it scales — shared component libraries, micro-frontends, clean APIs — and equally about how it feels in the hand: considered motion, real-time 3D where it earns its place, and performance measured rather than assumed.
Recently that has meant a three-app micro-frontend CRM platform at Jasper Colin; before it, 15+ client products delivered end to end at Melange Digital. Along the way, the browser-based 3D front end for GenVR’s generative-AI product.
- 3+
- Years shipping production software
- 20+
- Products delivered end to end
- 7
- Industries — finance to generative AI
Experience
- Oct 2025 — PresentNext.js Developer at Jasper ColinB2B market research, data insights and analytics — a multi-application CRM platform plus an AI-powered lead-generation product.
- Jan 2023 — Sep 2025Web Developer at Melange DigitalA digital studio shipping client web products across industries on an agency delivery cadence.
In brief
- Who is Rahul Kumar?
- A full-stack engineer based in Noida, India, currently Next.js Developer at Jasper Colin, with 3+ years shipping production software.
- What does he specialise in?
- React, Next.js and TypeScript on the front end; Node.js, Express and MongoDB behind it. Within that: micro-frontend architecture and shared component libraries, motion and real-time 3D, and performance work that is measured.
- What has he built?
- 5 featured products with full case studies — a travel platform, a streetwear store, a micro-frontend CRM, a designer’s portfolio and a time tracker — and 15+ client projects delivered at Melange Digital. Selected work
- Where is his code?
- Public repositories are on GitHub — the Task & Time Tracker’s source among them. Client work is shown through its case studies. github.com/werahul (opens in a new tab)
- Is he available?
- Open to full-time roles and selective freelance work. Email is fastest. rahuldev.kb@gmail.com
- Where is the résumé?
- Always the current version, at one stable address. Résumé (opens in a new tab)
03Capabilities
Built acrossthe stack.
Five disciplines, rated honestly — what I ship every day, what I use in real projects, and what I’m actively studying.
01 — Interface engineering
Component architectures that stay fast and coherent as a product scales — including the shared library three micro-frontends render from.
- React.js— Core
- Next.js— Core
- TypeScript— Core
- TailwindCSS— Core
- Redux— Core
- Zustand— Core
- Micro-Frontend Architecture— Core
- Responsive Design— Core
- Core
- Day-to-day, shipped to production repeatedly.
- Working knowledge
- Used in real projects; comfortable, still deepening.
- Exploring
- Active study and prototypes — not production ownership yet.
02 — Motion & 3D
Scroll choreography and interaction layers built with intent, and real-time 3D in the browser — shipped on the GenVR avatar platform and on this page.
- GSAP— Core
- Framer Motion— Core
- Three.js— Working knowledge
- React Three Fiber— Working knowledge
03 — Backend & data
REST services, authentication and transactional email standing behind the products I ship end to end.
- Node.js— Core
- Express.js— Core
- REST API Design— Core
- Nodemailer— Core
- MongoDB— Core
- JWT Authentication— Working knowledge
- PostgreSQL— Working knowledge
04 — AI product surfaces
Language-model capability wired into interfaces as observable workflows — shipped an AI lead-generation front end, going deeper on agentic tooling.
- Prompt Engineering— Working knowledge
- Python— Working knowledge
- RAG— Exploring
- LangChain— Exploring
- LangGraph— Exploring
- MCP Server— Exploring
05 — Performance & delivery
Measurement-led work and reproducible delivery — a recent marketing site ships at a Lighthouse performance score of 98.
- Core Web Vitals— Core
- Lighthouse— Core
- Lazy Loading— Core
- Image Optimization— Core
- Technical SEO— Working knowledge
- Vercel— Core
- Docker— Working knowledge
- CI/CD— Working knowledge
04Selected work
Five products,each staged.
From a Himalayan travel brand to a micro-frontend CRM platform. Each one opens into a full case study.
A storefront, layered
02E-commerce · Full-stack
RUSH — Men’s Streetwear Store
A full-stack streetwear store: catalogue, cart, checkout, order tracking and an admin dashboard on one monorepo.
Platform model — Admin, Client and the shared UI library
03CRM Platform · Micro-frontends
Affiliate CRM & Campaign Analytics Platform
A three-app micro-frontend CRM — I built the Admin and Client applications, and the component library all three render from.
- 3
- Independently deployable applications
- ~40%
- Less time to ship a new feature
- 98
- Lighthouse performance — marketing pages
Read the case studyClient engagement at Jasper Colin — not publicly linkable.
A designer’s work, in orbit
04Portfolio · Creative Development
Product Designer Portfolio — Twinkle Khandelwal
A neobrutalist portfolio for a UI/UX designer, with her Behance work pulled in live and music synthesised in the browser.
Tasks, timer and analytics, layered
05Productivity · Full-stack App
Task & Time Tracker
A full-stack time tracker whose clock stays honest across tabs, reloads, devices and midnight.
Also built
- 06AI-Powered 3D Avatars & Immersive ExperiencesGenerative AI · SaaS — The web front end for a generative-AI product — real-time 3D asset rendering and avatar generation in the browser. (case study)
- 07AI-Powered Trading PlatformFintech · Marketing Site — The marketing and onboarding site for an AI-driven trading platform, with personalised course recommendations. (case study)
- 08Digital Marketing Agency WebsiteMarketing · Web Platform — A 50+ page marketing website with an integrated blog, a careers module and server-side application handling. (case study)
- 09PR Agency — Strategic Brand ShowcaseBrand · Editorial — A scroll-driven site telling a 19-year agency journey — animated statistics and smooth chapter transitions. (opens in a new tab)
- 10Broking Platform — Financial Brand SiteFinance · Brand Site — A responsive landing experience with scroll-based UI and animated metrics for a broker with 30,000+ clients. (opens in a new tab)
- 11House of Tales — Wedding Brand LandingBrand · Landing — A mobile-first landing page tuned for speed and SEO, with a Nodemailer-backed contact flow. (opens in a new tab)
- 12Aartech Solonics — Energy EngineeringCorporate · Engineering — A corporate site for an R&D engineering firm: live stock-price API, dynamic product modules and a configurator. (opens in a new tab)
- 13DevBoost — Engineering IntelligenceProduct · Data — A product site for an AI-powered engineering-intelligence tool — predictive insight and performance visibility. (opens in a new tab)
05Approach
How the workgets made.
Performance is measured, not assumed
Core Web Vitals and Lighthouse are how the work gets judged — lazy loading, image discipline and lean bundles, so speed is a property of the product rather than a hope.
Evidence: Jasper Colin marketing site — Lighthouse performance 98
Systems over screens
Interfaces are composed from shared, versioned primitives, so coherence is a dependency upgrade instead of a manual sync across teams.
Evidence: Shared UI library across three micro-frontends — ~40% faster feature delivery
Security is a build-time constraint
Edge route protection, HttpOnly session storage and hardened headers are designed in from the start — this site sets its own CSP.
Evidence: OWASP-aware practice across auth, storage and error handling
Motion has to carry meaning
Animation is spent on the moments that explain something. Everything else stays still, readable and fast — and honours reduced-motion settings.
Evidence: Scroll and interaction layers with GSAP and Framer Motion at Melange Digital
06Contact
Let's buildwhat'snext.
Open to full-time roles and selective freelance work. Email is fastest.