
An interactive 3D car configurator for Toyota Al-Sayer, letting users browse models and variants and customize vehicles in real time, with multi-language support.
- Real-time 3D
- Rendering
- English + Arabic
- Languages

I build fast, interactive web experiences — from 3D configurators to full-stack platforms.
01 / Impact
Projects shipped
Products & brands I've built for
Frontend developer with full-stack range, focused on React, Next.js and real-time 3D for the web. I've shipped 20+ products — SaaS platforms, ERP systems, 3D configurators and marketing sites — and built StaffSync, a full workforce-management platform spanning a NestJS backend, web dashboards and a React Native app.
I'm a frontend developer who likes living where design, performance and 3D meet. Most of my work is in React, Next.js and TypeScript, but I'm just as comfortable dropping into a NestJS backend or shipping a React Native app when a product needs end-to-end ownership.
Currently building
StaffSync — a workforce-management platform (backend, web dashboards, mobile app)
A big part of what I do is real-time 3D on the web — car configurators, hotel digital twins, product viewers and geospatial tools built with Three.js and React Three Fiber. The interesting challenge there is never just "make it look good"; it's making it look good while staying fast on a mid-range phone.
I've contributed to large team codebases (a 30+ module Vue 3 ERP, a two-app geospatial SaaS suite) and shipped numerous solo marketing sites and configurators end-to-end. Recently I built StaffSync, a workforce-management product, from the database schema up to the mobile app.
I care about the boring fundamentals that make products trustworthy: accessibility, Core Web Vitals, clean state management, type safety and real observability in production.
What I do
A frontend-first toolkit with deep React/Next.js experience, a strong specialty in real-time 3D, and full-stack reach into NestJS, Prisma and React Native.
Swipe · drag · scroll · use the controls or arrow keys
01 / 11
A small, live example of the product configurators I build for the browser. No render queue, no video — every choice updates the scene immediately.
Live configuration
Lime gloss knot
Larger versions of this interaction ship in projects such as the Toyota Al-Sayer configurator and HotelTwin.
A handful of highlights — 3D configurators, SaaS platforms, ERP systems and marketing sites. Click any project for the full story.

An interactive 3D car configurator for Toyota Al-Sayer, letting users browse models and variants and customize vehicles in real time, with multi-language support.

An interactive 3D digital twin of Adani's Khavda Renewable Energy Park, built to explore the site's solar, wind, storage, transmission, road, drainage, workforce and control-room infrastructure through cinematic camera flows, geospatial layers and rich hotspot panels.

A real-estate property showcase web app with interactive clustered maps, 3D views, a filterable unit inventory and an amenities gallery.

A geospatial SaaS platform with a multi-role user app and a separate admin console for managing workspaces, projects and 2D/3D map data.

A full-stack hotel booking and 3D room-configuration platform: a guest-facing 3D digital twin, a multi-role admin panel, and a NestJS backend handling bookings and payments.
That's a slice of it — there are 23 projects in the full archive.
From full-stack banking software in Montreal to 3D-heavy products in Ahmedabad — I've shipped across product companies and direct clients, most recently building interactive 3D web experiences at HexaCoder Technologies alongside MERN work at Kira Intrilogy and end-to-end freelance builds like StaffSync.
Aug 2024 — Present
Full-time · Ahmedabad, India
Current roleBuild interactive, 3D-rich web products and marketing sites for clients across multiple industries, from real-time configurators to SaaS platforms.
Shipped real-time 3D configurators with Three.js / React Three Fiber for automotive (Toyota Al-Sayer), hospitality (HotelTwin) and product clients.
React · Next.js · TypeScript · Three.js / R3F · Tailwind CSS · TanStack Query · NestJS
May 2023 — July 2024
Full-time · Ahmedabad, India
Kira Intrilogy
Develop user-friendly features across a range of web applications, making them more intuitive and efficient, with a focus on scalable, high-performance builds.
Played a major role in key projects like TheStarkidz and OEMUP ERP/CRM, creating essential modules and integrating advanced features.
MongoDB · Express.js · React · Node.js · TypeScript
Dec 2021 — Apr 2023
Full-time · Montreal, Canada
Laurentian Bank
Designed and implemented software solutions with the MERN stack, enhanced by TypeScript and SOLID principles, for banking products.
Built scalable server-side applications with Node.js and Express.js, emphasizing RESTful APIs and secure authentication.
MongoDB · Express.js · React · Node.js · TypeScript · Docker
Ongoing
Freelance · Remote
Independent / Freelance
Design, build and ship complete products for direct clients (e.g. RSF Guards, Concierge Plus, StaffSync, Jeckswell Machinery Pvt Ltd) — from marketing sites to full platforms.
Built StaffSync end to end — a multi-tenant NestJS backend, two React dashboards and an Expo / React Native mobile app for workforce management.
Next.js · React · TypeScript · NestJS · React Native · Tailwind CSS
I think about software in layers: a clean data and API boundary, a predictable state layer, and a fast, accessible UI on top. Whether it's a marketing site or a multi-tenant SaaS backend, the same instincts apply — make it correct, make it fast, then make it delightful.
Working philosophy
“I'm pragmatic about tools: React/Next.js and TypeScript as a base, Three.js/R3F when the product needs 3D, NestJS/Prisma when I need a real backend, and the lightest state solution that fits (Zustand, MobX or just TanStack Query). The stack serves the product, not the other way around.”
Speed isn't a final polish step — it's a constraint I design around from the start.
Especially with 3D, I budget for performance up front: optimized GLTF assets, on-demand model loading, marker clustering, row virtualization and query caching. The goal is a scene that still feels smooth on a mid-range phone, not just a flagship laptop.
Delivery loop
Enough structure to move quickly, with room to learn and adjust.
Where I add the most value on a project.
I build production frontends with React, Next.js and TypeScript — from marketing sites to complex dashboards — tuned for Core Web Vitals and built to scale across a team.
End-to-end ownership from database to UI.
Conversion-focused, editor-friendly websites.
iOS and Android apps from one codebase with Expo.
Interactive 3D experiences that stay fast on real devices.
Engagement model
Bring the product problem. We'll shape the right build.
Freelance / contract · Full-time · Project-based
Make a slow or janky app fast again.
I'm currently open to freelance projects and full-time roles, especially anything involving React, Next.js or real-time 3D. The fastest way to reach me is email.
Fastest way to reach me
yashkotadia2@gmail.com
Usually replies within a day or two
Code & open work
@yashkotadia2
Based in
Ahmedabad, India
Asia/Kolkata (IST) · Remote-friendly