Sanket Sonmali
React/Next.js Developer - GSAP & WebGL Animations
Sanket Sonmali - Portfolio
Just shipped a new personal portfolio and I'm genuinely excited about how it turned out.
It's a single-page experience built on Next.js 16 (App Router), React 19, and TypeScript, styled with Tailwind v4 using a CSS-first token system so the whole palette - including a full light/dark swap - lives in one place. Every scroll-driven reveal, curtain animation and pinned section is GSAP 3 + ScrollTrigger, and the 3D work is hand-written Three.js: a wireframe icosahedron that leans toward your cursor, an ambient particle field that mirrors itself over inverted panels, and a 404 page where that same sphere has quietly fallen apart.
The fun part was the engineering underneath the polish - a theme swap that animates as a clip-path sweep through the View Transitions API, scroll restoration that survives client-side navigation, and WebGL that's gated off small screens entirely so mobile never pays for decoration it can't see.
Take a look: https://sanket-sonmali-portfolio.vercel.app
1
68
Hello everyone! š
Every year during the Ganpati festival, our mandal faced a recurring challenge: managing physical receipt books and inevitably losing track of the previous years' contribution and expense data.
This year, I decided to solve this by taking our mandal fully digital! I developed PavtiPustak-a custom web platform designed to seamlessly track every single contribution and expense. No more lost data, and we are now issuing 100% digital receipts. šāØ
š Main Features:
End-to-End Financial Tracking: Accurately logs every rupee coming in (donations) and going out (mandap, decoration, etc.).
Instant Digital Receipts: Automatically generates and shares digital pavtis (receipts), saving paper and time.
Historical Data Retention: Cloud storage ensures we never lose year-over-year records again.
Responsive UI: Fully accessible on mobile for on-the-go tracking by committee members.
š» Tech Stack:
Frontend: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4, shadcn/ui on Base UI, react-hook-form + Zod. PWA with offline support via a service worker and IndexedDB.
Backend: Next.js Server Actions and Route Handlers ā no separate service. Supabase Auth for sessions, Supabase Realtime for live updates.
Database: Supabase (Postgres) with row-level security, audit trails and SQL views.
Hosting: Vercel (Mumbai region), with GitHub Actions CI.
Check out the demo website here: https://pavtipustakdemo.vercel.app/login?next=%2Fdashboard
Would love to hear your feedback!
Ignore the Messi(messy hehe) UI as I have mainly focused on the functionalities
1
137
An fluid liquid like smooth website ;): Let me know about your thought on this :)
https://artcube-ssonmali.netlify.app/
0
150
An amazing interactive website to look at with pure minimalism
0
99