Frontend architect & full-stack engineer specializing in pixel-perfect UI/UX, performance-optimized React/Next.js applications, and production-ready backend systems.
Crafts end-to-end web experiences — cinematic animations, responsive design systems, scalable APIs, and real-time dashboards that convert.
Core Focus:
- Next.js 15 App Router & Server Components
- Framer Motion scroll-triggered animations
- TailwindCSS design systems & component libraries
- TypeScript-first full-stack development
- Real-time features (SSE, WebSockets)
Battle Stats:
- 8x Hackathon Champion (IIT Bombay Aarohan + international)
- 80%+ automation via clean UIs in production CRMs
- Apps serving 5K+ concurrent users
- Based in Bengaluru, India
Modern multi-vendor marketplace with real-time features & payment integration
🔒 Private Repository |
Key Features:
- Multi-role system (Users, Suppliers, Admins) with dedicated dashboards
- Advanced search with fuzzy matching (Fuse.js) + category filtering
- Real-time updates via Pusher (orders, notifications, messaging)
- Secure payments with Razorpay integration
- Supplier negotiation system for B2B transactions
- Cloud image optimization with Cloudinary
- Dark mode support with next-themes
- Order tracking with delivery status updates
Tech Architecture:
- Next.js 16 App Router + Server Components
- Mongoose ODM with MongoDB Atlas
- Clerk authentication + webhook handling (Svix)
- Radix UI primitives + Tailwind CSS v4
- React Hook Form + Zod validation
- Recharts data visualization
Production-grade CRM with cinematic UI & Instagram lead capture
Key Features:
- 80% manual work reduction through intuitive dashboards
- 3x faster response times with real-time Meta Webhooks
- Framer Motion animations (60fps micro-interactions)
- Full TypeScript + Tailwind design system
- RBAC lead routing with automated assignment
- 5K+ concurrent records production scale
Tech Stack: Next.js App Router • tRPC • Server Actions • Shadcn UI • Prisma ORM
**8x HACKATHON CHAMPION**
Jun 2025 - Oct 2025
- Architected end-to-end CRM with Next.js App Router + Server Components
- Built NoBroker-style listing system with advanced search/filtering
- Implemented real-time dashboards with Framer Motion animations
- Created responsive design system using TailwindCSS + Shadcn UI
- Impact: 80%+ automation, 3x faster UX, scaled to 5K+ records
Oct 2025 - Nov 2025
- Designed hospital workflow prototypes with React + TypeScript
- Built Figma-to-code component libraries with Storybook
- Implemented real-time collaboration UIs using Server-Sent Events
- Documented design systems and component guidelines
Mastering Now: 🔥 Next.js 15 (App Router, Server Components, Partial Prerendering) 🎭 Framer Motion 11 (Scroll Triggers, Layout Animations) ⚛️ React Compiler & React Forget 🎨 Design Tokens & CSS Variables systems 🌐 tRPC + Prisma full-stack TypeScript APIs 📱 Real-time features (Server-Sent Events, WebSockets)
Currently Building:
- Component libraries with full TypeScript + Storybook documentation
- Motion-first landing pages (60fps guaranteed)
- tRPC + Prisma full-stack production starters
- Advanced form libraries with validation + animations
- Design system tokens with Tailwind plugin architecture
Mission: Build interfaces that feel alive. Backends that never break.
Core Expertise: 🎨 UI/UX: Figma → Pixel-perfect React components ⚡ Frontend: Next.js, React, TypeScript, Framer Motion 🔧 Backend: Node.js, tRPC, Prisma, Express, GraphQL 🚀 Performance: Server Components, SSR/SSG optimization 🎭 Animation: Scroll-triggered, micro-interactions, layout transitions
Process: Design → Prototype → Animate → Optimize → Ship → Iterate
Open For:
- Frontend-heavy Next.js/React projects
- UI/UX component library development
- Design system implementation
- Real-time dashboard experiences
- Hackathons & collaborative sprints
"Pixels that move. Code that scales. UIs that convert."