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.

View my work
Get in touch
Scroll to explore
0+Projects shipped
0+3D experiences built
0+Industries served
0Products owned end to end

Products & brands I've built for

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

I make complex products feel simple, fast and a little bit magical.

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.

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 plenty of solo marketing sites and configurators end to end. Recently I built StaffSync, my own 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.

Interactive frontends in React, Next.js and TypeScript
Real-time 3D experiences with Three.js / React Three Fiber
Full-stack features with NestJS, Prisma and PostgreSQL
Cross-platform mobile apps with Expo / React Native

Ahmedabad, India

Remote-friendly

Frontend Developer

HexaCoder Technologies

Languages

English · Hindi · Gujarati

Currently building

StaffSync — a workforce-management platform (backend, web dashboards, mobile app)

Freelance projectsFull-time roles3D / interactive web work

Fun facts

  • I'll happily spend an afternoon shaving milliseconds off a 3D scene's load time.
  • Most of my projects have a 3D model hiding somewhere in them.
  • I built and shipped a full product (StaffSync) end to end — schema to app store.
02

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.

ReactNext.jsTypeScriptThree.js / R3FTailwind CSSNestJSTanStack QueryReact Native

Languages

  • TypeScript5/5
  • JavaScript (ES6+)5/5
  • HTML55/5
  • CSS35/5
  • SQL3/5

Proficiency is self-rated, 1–5 · 5 = Expert — daily driver, can architect and mentor

03

Try a tiny configurator

This is the kind of thing I build for a living — product configurators rendered in real time in the browser. Here's a miniature one: pick a shape, a material and a finish.

Shape

Material

Finish

Drag to orbit · rendered live with React Three Fiber

The full-size versions of this ship in projects like the Toyota Al-Sayer configurator and HotelTwin.

three.js / r3fknot · gloss · lime
Selected work ✦
04

Things I've shipped

A cross-section of what I've built — 3D configurators, SaaS platforms, ERP systems and marketing sites. Click any project for the full story.

hexacoder-technologies.app
Marketing Website2026Shipped

Corporate marketing website for HexaCoder Technologies, showcasing interactive 3D product configuration and digital twin services.

15+
Route sections
reCAPTCHA + AWS SES
Lead capture
New Relic
Monitoring
Next.jsReactTypeScriptTailwind CSSFramer MotionSwiper+9
oqlo-ai.app
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 DesignFramer Motion+9
unaibox-hoteltwin.app
SaaS Platform2026In progress

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 DesignGSAP+16
davinci-360.app
ERP Platform2026Shipped

A large mobile-friendly ERP web application covering the full order-to-production lifecycle — estimates, orders, inventory, production scheduling and reporting.

30+
Feature modules
Quote → production → ship
Workflow
PDF + Excel
Exports
Vue 3TypeScriptQuasarPrimeVueTailwind CSSApexCharts+9
riviera-select.app
Web App2026Shipped

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 DesignGSAP+8
toyota-al-sayer-car-configurator.app
SML
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
Model → variant → detail
Flow
ReactTypeScriptTailwind CSSThree.js / React Three FiberMaterial UIFramer Motion+5

Project index

(22)

Marketing Website · 2026

Corporate marketing website for HexaCoder Technologies, showcasing interactive 3D product configuration and digital twin services.

SaaS Platform · 2026

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

SaaS Platform · 2026

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.

ERP Platform · 2026

A large mobile-friendly ERP web application covering the full order-to-production lifecycle — estimates, orders, inventory, production scheduling and reporting.

Web App · 2026

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

3D Configurator · 2026

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.

Web App · 2026

A dental visualization web app with authenticated dashboards and an interactive 3D viewer with measurement and design workflow tooling.

Marketing Website · 2026

A CMS-driven marketing website for a real-estate 3D configurator product, covering solutions, industries, work and a blog with dynamic detail routing.

Marketing Website · 2026

A CMS-driven marketing website for SolidTwin, a 3D and digital-twin solutions company serving real estate across major Indian cities.

Marketing Website · 2026

A corporate marketing website for Parasmani Group, a diversified infrastructure, real-estate and investment business.

Marketing Website · 2026

A brand website for BeMade, a customizable dining-furniture company — 'design the perfect dining experience' with premium materials and finishes.

3D Configurator · 2026

An interactive 3D bottle viewer/configurator built with React Three Fiber and a clean, modular, test-covered TypeScript architecture.

3D Configurator · 2026

An interactive 3D costume/product configurator with a tabbed customization UI, built in React and React Three Fiber.

3D Configurator · 2026

A visually rich 3D product configurator (Joana/Quattro) with React Three Fiber rendering, post-processing effects and a tabbed customization UI.

Web App · 2026

A Next.js web app presenting the Madhyasth Darshan (Sah-Astitvavad) philosophy through interactive charts and structured Hindi-first content.

SaaS Platform · 2026

The multi-tenant NestJS backend powering StaffSync — a workforce-management platform covering scheduling, attendance, leave, documents and organization management, with real-time messaging and AWS-backed file delivery.

SaaS Platform · 2026

The web dashboard organizations use to run StaffSync — managing staff, scheduling shifts, tracking attendance and leave, and handling documents and announcements, with role-based access.

SaaS Platform · 2026

The platform-level admin console for StaffSync — used to provision and manage organizations, users, roles and bulk registrations across the entire multi-tenant system.

Mobile App · 2026

The StaffSync mobile app for staff — viewing schedules, signing in and out of shifts with location, requesting leave, handling documents, reading announcements and chatting in real time.

Marketing Website · 2026

The marketing website for StaffSync — 'Manage every shift. Verify every worker.' — a multi-page product site with home, feature, industry and supporting pages, including a live theming/tweak panel.

Marketing Website · 2026

A Next.js marketing website for Concierge Plus, presenting the company's services, industries, careers and contact experience with an animated, metadata-driven page system.

Marketing Website · 2026

A Next.js marketing website for RSF Guards, a security-services company — home, services, pricing, careers, about and contact, with dynamic detail routes and full SEO (sitemap, robots, per-route metadata).

05

Where the work happened

Most of my professional work has been at HexaCoder Technologies, building 3D-heavy products and marketing sites for clients across automotive, real estate, hospitality and dental. Alongside that I've built StaffSync, my own end-to-end workforce-management product.

01
PresentFull-timeCurrent

Frontend DeveloperHexaCoder 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.
  • Built and contributed to SaaS and ERP platforms, including a two-app geospatial suite (OQLO.ai) and a 30+ module Vue 3 ERP (DaVinci 360).
  • Delivered numerous Next.js marketing sites with Sanity CMS, SEO and validated, reCAPTCHA-protected lead capture.
  • Owned features end to end on HotelTwin — from R3F rendering down to NestJS APIs and Prisma schema.

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

02
Sep 2025 — PresentProduct / Side projectCurrent

Full-Stack Developer (Product Owner)StaffSync

Designed and built StaffSync, a multi-tenant workforce-management platform, end to end — a NestJS backend, two React web dashboards, and a React Native mobile app.

  • Architected a multi-tenant NestJS + Prisma + PostgreSQL backend with 25+ domain modules and role-based permissions.
  • Built the organization dashboard and super-admin console in React 19 with CASL authorization and TanStack Query.
  • Shipped a cross-platform Expo / React Native app with location-verified shift sign-in and real-time chat.
  • Set up production observability with Sentry, New Relic and Prometheus.

NestJS · Prisma · PostgreSQL · React · React Native · Expo · Socket.io · AWS

03
OngoingFreelance

Freelance Frontend DeveloperIndependent / Freelance

Built marketing sites and 3D viewers for independent clients (e.g. RSF Guards, Concierge Plus, Parasmani Group, BeMade).

  • Delivered SEO-optimized Next.js marketing sites with dynamic routing and full sitemap/robots setup.
  • Built standalone, test-covered 3D product viewers as clean reference implementations.

Next.js · React · Three.js / R3F · Tailwind CSS

06

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.

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

The process

  1. 1

    Understand

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

  2. 2

    Architect

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

  3. 3

    Build

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

  4. 4

    Harden

    Add validation, accessibility, tests and observability.

  5. 5

    Refine

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

07

What I can help with

Where I add the most value on a project.

Specialty

Real-Time 3D & Configurators

Product configurators, digital twins and 3D viewers built with Three.js and React Three Fiber — optimized assets, smooth camera controls and performance budgets so they run well on mobile.

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

Frontend Development

Fast, accessible, pixel-accurate interfaces in React and Next.js.

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

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

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

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

Performance & 3D Audits

Make a slow or janky app fast again.

Core Web Vitals improvements3D scene and asset optimizationData-grid / large-list performance fixes

Engagements: Freelance / contract · Full-time · Project-based

Start a project
Let's talk ✦
Open to opportunities
08

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.

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

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