Loading 0%...

Pratham's fact: I build generative UIs and Web3 experiences from Ahmedabad, India.

Pratham Chudasama — Senior Full Stack Developer

Pratham Chudasama is a Senior Full Stack Developer based in Ahmedabad, Gujarat, IND, currently Frontend Engineer at Chainlabs. He builds production web applications end to end — interface design, frontend implementation in React, Next.js and TypeScript, and the APIs, databases and deployments behind them.

I build accessible, pixel-perfect web experiences using Next.js and TypeScript.

Work on this site spans Web3 product interfaces, generative and 3D interfaces built with Three.js and WebGL, content-driven sites on headless CMSs, mobile applications, and internal tooling. 22 projects and 5 roles are documented below, each with the stack it used, the problems it ran into, and what came out of it.

Work experience

Sections on this page

Elsewhere on this site

  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand
  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand

Projects

Here are some of the projects I've worked on. I have a wide range of experience in different areas, so feel free to explore and see what I've been up to!Click on any project to explore the details

Showing Projects 1 of 22: Gym CRM
Gym CRM

Gym CRM — Desktop / Full-stack project, dated 2026-07-16. A polished, local-first gym management desktop application built with Electron, Vue 3, and TypeScript, targeting daily front-desk use at The Big Biceps Gym. The Electron main process hosts an in-process Aedes MQTT broker and a better-sqlite3 database accessed via Knex, exposing all data operations to the renderer over… Built with Electron, Vue.js, typescript, Vite, Tailwind CSS, shadcn, better-sqlite3, Knex, MQTT, Aedes, ESP32, Arduino, ApexCharts, Next.js, zod. Source at https://github.com/PRATHAM1ST/gym-crm-electron.

  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand
  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand

Experience

Here’s a quick overview of my professional journey. Each bubble represents a role, and you can click on any of them to explore the details.Click on any bubble to explore the details

  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand
  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand
Showing testimonial 1 of 4: Bapusaheb Patil, Head of AI & Design Engineering at Fluence • 5x Award-Winning Designer • Book Author
Testimonial Card

Bapusaheb Patil

Head of AI & Design Engineering at Fluence • 5x Award-Winning Designer • Book Author

❝ Pratham is a talented individual, who is one of the fastest front-end developers I've ever worked with. His eye for detail, and his desire to push things to the next level in embedding 3D, animations and other polishes that make a website more captivating, yet performant, is something I'd recommend experiencing at least once. ❞

  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand
  • Shadcn
  • zod
  • Microsoft Clarity
  • Apollo Client
  • Webgl
  • Cursor
  • Google Analytics
  • Rainbowkit
  • Abstract
  • Adobe Illustrator
  • Adobe Photoshop
  • Aedes
  • AI Agents
  • AI SDK
  • Ant Design
  • ApexCharts
  • Arduino
  • better-sqlite3
  • bitbucket
  • bootstrap
  • Bun
  • C#
  • Cloudinary
  • CommunityToolkit.Mvvm
  • confluence
  • css
  • django
  • docker
  • Drizzle ORM
  • ECharts
  • Electron
  • ESP32
  • Expo
  • express
  • Express.js
  • Expressjs
  • figma
  • framer motion
  • Full-Stack Development
  • git
  • github
  • gitlab
  • graphql
  • GSAP
  • Hardhat
  • html
  • HuggingFace
  • javascript
  • jira
  • js
  • Knex
  • kubernetes
  • linear
  • Material UI
  • mongoDB
  • MQTT
  • mysql
  • n8n Automation
  • .NET MAUI
  • next
  • Next.js
  • NextAuth
  • Nextjs
  • node
  • Node.js
  • Nodejs
  • NoSQL
  • OpenZeppelin
  • postgresql
  • prisma
  • Prompt Engineering
  • python
  • PyTorch
  • Radix UI
  • Railway
  • Razorpay
  • react
  • React.js
  • React Native
  • Reactjs
  • ReactNative
  • redux
  • Resend
  • Sanity
  • Sanity CMS
  • shadcn
  • shadcn/ui
  • slack
  • Solidity
  • SQL
  • SQLite
  • Storybook
  • Supabase
  • tailwind
  • Tailwind CSS
  • Tailwindcss
  • Three.js
  • threejs
  • TipTap
  • Twilio
  • typescript
  • Upstash
  • Viem
  • Visx
  • Vite
  • vscode
  • Vue.js
  • Vuejs
  • Wagmi
  • WebSocket
  • zod
  • zustand

Book A Call

Resume

HomeHire Me