Yash Kotadia — home
Portrait of Yash Kotadia
Available for freelance & full-time roles

Yash Kotadia

Frontend Developer

I build fast, interactive web experiences — from 3D configurators to full-stack platforms.

Scroll to explore

01 / Impact

Proof, measured in outcomes.

Primary signal
0+

Projects shipped

0+3D experiences built
0+Industries served
0Products owned end to end

Products & brands I've built for

Trusted across teams where craft, clarity, and reliable delivery all matter.

Toyota Al-SayerHotelTwinOQLO.aiDaVinci 360Riviera SelectCDX DentalHexaCoderStaffSyncBeMadeParasmani GroupRSF GuardsConcierge Plus
03

I make complex products feel simple and fast.

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)

Full storyOpen +

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

  • Interactive frontends in React, Next.js and TypeScript
  • Full-stack features with NestJS, Prisma and PostgreSQL
  • Cross-platform mobile apps with Expo / React Native
04

A frontend-first toolkit with full-stack reach

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

Languages

  • TypeScript: Expert — daily driver, can architect and mentor — core skill
  • JavaScript (ES6+): Expert — daily driver, can architect and mentor — core skill
  • HTML5: Expert — daily driver, can architect and mentor
  • CSS3: Expert — daily driver, can architect and mentor
  • SQL: Proficient — comfortable, used in real projects

Frontend Frameworks

  • React: Expert — daily driver, can architect and mentor — core skill
  • Next.js (App Router): Expert — daily driver, can architect and mentor — core skill
  • Vue 3: Proficient — comfortable, used in real projects
  • React Native / Expo: Advanced — production-confident, shipped many projects — core skill

3D & Graphics

  • Three.js: Advanced — production-confident, shipped many projects — core skill
  • React Three Fiber: Advanced — production-confident, shipped many projects — core skill
  • @react-three/drei: Advanced — production-confident, shipped many projects
  • camera-controls: Advanced — production-confident, shipped many projects
  • Post-processing: Proficient — comfortable, used in real projects
  • GLTF optimization: Proficient — comfortable, used in real projects
  • Cesium: Working — used on at least one project
  • OpenLayers: Working — used on at least one project

Styling & UI

  • Tailwind CSS: Expert — daily driver, can architect and mentor — core skill
  • Ant Design: Expert — daily driver, can architect and mentor
  • Material UI: Proficient — comfortable, used in real projects
  • Radix UI: Proficient — comfortable, used in real projects
  • shadcn/ui: Proficient — comfortable, used in real projects
  • styled-components: Proficient — comfortable, used in real projects
  • NativeWind: Proficient — comfortable, used in real projects
  • Quasar / PrimeVue: Proficient — comfortable, used in real projects

Animation & Motion

  • Framer Motion / Motion: Advanced — production-confident, shipped many projects — core skill
  • GSAP: Advanced — production-confident, shipped many projects
  • Swiper: Advanced — production-confident, shipped many projects
  • AOS: Proficient — comfortable, used in real projects

State & Data

  • TanStack Query: Expert — daily driver, can architect and mentor — core skill
  • Zustand: Advanced — production-confident, shipped many projects
  • MobX: Advanced — production-confident, shipped many projects
  • Pinia: Proficient — comfortable, used in real projects
  • TanStack Table / Virtual: Proficient — comfortable, used in real projects
  • AG Grid: Proficient — comfortable, used in real projects

Backend & APIs

  • NestJS: Advanced — production-confident, shipped many projects — core skill
  • Node.js: Advanced — production-confident, shipped many projects
  • Prisma: Advanced — production-confident, shipped many projects
  • PostgreSQL: Proficient — comfortable, used in real projects
  • REST APIs: Advanced — production-confident, shipped many projects
  • Socket.io: Proficient — comfortable, used in real projects
  • Redis: Proficient — comfortable, used in real projects
  • Zod: Advanced — production-confident, shipped many projects

Forms & Validation

  • react-hook-form: Advanced — production-confident, shipped many projects
  • Zod: Advanced — production-confident, shipped many projects
  • Formik + Yup: Proficient — comfortable, used in real projects

Cloud & DevOps

  • AWS S3: Expert — daily driver, can architect and mentor
  • AWS CloudFront: Expert — daily driver, can architect and mentor
  • AWS EC2: Advanced — production-confident, shipped many projects
  • AWS SES: Advanced — production-confident, shipped many projects
  • AWS Cognito: Advanced — production-confident, shipped many projects
  • Docker: Proficient — comfortable, used in real projects
  • Vercel: Proficient — comfortable, used in real projects

Content & CMS

  • Sanity CMS: Advanced — production-confident, shipped many projects
  • Portable Text: Proficient — comfortable, used in real projects
  • Tiptap: Proficient — comfortable, used in real projects

Tooling & Quality

  • Vite: Expert — daily driver, can architect and mentor
  • Git / GitHub: Advanced — production-confident, shipped many projects
  • ESLint / Prettier: Advanced — production-confident, shipped many projects
  • CASL (authorization): Advanced — production-confident, shipped many projects
  • i18next / react-intl: Advanced — production-confident, shipped many projects
  • Jest + Testing Library: Proficient — comfortable, used in real projects
  • Orval (API codegen): Proficient — comfortable, used in real projects
  • New Relic / Sentry: Proficient — comfortable, used in real projects
05

Configure something in real time

A small, live example of the product configurators I build for the browser. No render queue, no video — every choice updates the scene immediately.

01 / Geometry
02 / Material
03 / Finish

Live configuration

Lime gloss knot

Larger versions of this interaction ship in projects such as the Toyota Al-Sayer configurator and HotelTwin.

Viewport / live renderer ready
Drag the object to orbitknot / gloss / lime
06

Things I've shipped

A handful of highlights — 3D configurators, SaaS platforms, ERP systems and marketing sites. Click any project for the full story.

Toyota - Car Configurator preview
3D Configurator2026Shipped

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
ReactTypeScriptTailwind CSSThree.js / React Three FiberMaterial UIFramer MotionVite+4
Adani Khavda Renewable Energy Park preview
Digital Twin2026In progress

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.

3
Experience modules
20+
Interactive hotspots
10+
Mapped site layers
React 19TypeScriptViteTailwind CSSMobX+13
Riviera Select - Goyal & Co. preview
Digital Twin2026Shipped

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

Clustered at scale
Map markers
R3F + Google Maps + Leaflet
3D + maps
7 page experiences
Sections
ReactTypeScriptTailwind CSSThree.js / React Three FiberAnt Design+9
OQLO.ai preview
SaaS Platform2026Shipped

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

2 (user + admin)
Applications
3 tiers
Admin roles
DXF, GeoTIFF, map tiles
Geo formats
ReactThree.js / React Three FiberCesiumOpenLayersAnt Design+10
Unaibox / HotelTwin preview
SaaS Platform2026Shipped

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.

3 (guest, admin, API)
Apps owned
15+ modules
Backend domains
Razorpay + Stripe
Payments
ReactTypeScriptTailwind CSSThree.js / React Three FiberAnt Design+17

That's a slice of it — there are 23 projects in the full archive.

07

Where the work happened

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 role

Senior React Developer

HexaCoder Technologies

Build 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.

More outcomes +

React · Next.js · TypeScript · Three.js / R3F · Tailwind CSS · TanStack Query · NestJS

May 2023 — July 2024

Full-time · Ahmedabad, India

MERN Stack Developer

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.

More outcomes +

MongoDB · Express.js · React · Node.js · TypeScript

Dec 2021 — Apr 2023

Full-time · Montreal, Canada

Fullstack Developer

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.

More outcomes +

MongoDB · Express.js · React · Node.js · TypeScript · Docker

Ongoing

Freelance · Remote

Freelance Developer

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.

More outcomes +

Next.js · React · TypeScript · NestJS · React Native · Tailwind CSS

08

How I build

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

Five connected moves

Enough structure to move quickly, with room to learn and adjust.

  1. 01

    Understand

    Map the real problem, users and constraints before writing code.

  2. 02

    Architect

    Define the data model, API boundary and state strategy first.

  3. 03

    Build

    Ship in modular, typed slices with performance budgets in mind.

  4. 04

    Harden

    Add validation, accessibility, tests and observability.

  5. 05

    Refine

    Tune Core Web Vitals, motion and details until it feels effortless.

09

What I can help with

Where I add the most value on a project.

Featured specialty

Frontend Development

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.

  • Responsive, accessible UI from design or scratch
  • Component libraries and design systems
  • SEO-ready Next.js sites with great performance
ReactNext.jsTypeScriptTailwind CSS
02

Full-Stack Features

End-to-end ownership from database to UI.

  • NestJS REST APIs and Prisma schemas
  • Auth, RBAC, payments and file storage
  • Real-time features with Socket.io
NestJSPrismaPostgreSQLAWS
03

Marketing Sites & CMS

Conversion-focused, editor-friendly websites.

  • Next.js + Sanity CMS sites
  • SEO setup and per-route metadata
  • Validated lead-capture forms (AWS SES / reCAPTCHA)
Next.jsSanityZodAWS SES
04

Cross-Platform Mobile

iOS and Android apps from one codebase with Expo.

  • Expo / React Native apps
  • Location, push notifications, secure auth
  • App store builds and releases
React NativeExpoTanStack Query
05

Real-Time 3D & Configurators

Interactive 3D experiences that stay fast on real devices.

  • 3D product / vehicle / property configurators
  • Interactive digital twins and viewers
  • GLTF optimization and 3D performance tuning
Three.jsReact Three Fiberdreicamera-controls

Engagement model

Bring the product problem. We'll shape the right build.

Freelance / contract · Full-time · Project-based

performance-audit.shstatus: ready

Performance & 3D Audits

Make a slow or janky app fast again.

Core Web Vitals improvements3D scene and asset optimizationData-grid / large-list performance fixes
Open to opportunities
10

Let's build something

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.

Goes straight to my inbox — usually replies within a day or two.