Frontend Engineer with 4 years of experience shipping production web applications for real clients. Built and deployed a full-scale e-commerce platform for a premium Apple retailer, covering the storefront and admin dashboard, owned end-to-end from architecture through production. Designed a real-time clinic queue management system using WebSocket and Next.js, live in an active clinic environment.
I specialize in:
- Component-driven architecture & state management
- Role-Based Access Control (RBAC) systems
- Design systems & reusable UI libraries (Shadcn/ui, Radix UI)
- Animation-enhanced UX (Framer Motion, GSAP)
- Frontend performance optimization & SEO
I collaborate closely with designers and backend teams to deliver clean, maintainable, and business-focused solutions.
Frontend Engineer | Jan 2025 β Present
- Develop and maintain React.js & Next.js applications across multiple client projects, owning components from design handoff through production deployment
- Built a shared UI component library (buttons, tables, dialogs, forms) using Shadcn/ui and Radix UI, standardising design patterns and reducing duplicated UI work across projects by ~20%
- Implemented RBAC interfaces and admin dashboard layouts supporting multi-level user permission systems
- Participate in code reviews, flagging architectural issues and maintaining consistent coding standards
Frontend Developer (Contract) | Apr 2023 β Dec 2024
- Delivered 4 production websites using React.js and modern CSS frameworks, handling requirements, implementation, and deployment
- Improved Lighthouse performance scores on legacy codebases by ~20β25% via lazy loading, component-level code splitting, and Next.js image/font optimisation
- Integrated Framer Motion and GSAP for scroll-triggered and page-transition animations across all delivered projects
- Continued delivering freelance work post-contract, including admin dashboards and Next.js applications for independent clients
Frontend Developer (Intern) | Dec 2022 β Mar 2023
- Built admin dashboards and role-based portal UIs for internal tools using React.js
- Implemented form validation using React Hook Form and Zod, covering field-level and schema-level validation
- Contributed to sprint releases in an Agile/Scrum team
- Production e-commerce platform for a premium Apple retailer β Next.js storefront + admin dashboard, handling 1,000β1,500 daily visitors
- Storefront: product variant selection, cart/checkout, order tracking, EMI calculator, Cloudinary-powered images
- Admin dashboard: full product CRUD, order processing, blog editor, promo management, connected to Prisma/PostgreSQL
- Extended with a companion React Native app (Expo SDK 53) β Expo Router, TanStack Query, Zustand, NativeWind, Reanimated β released for Android & iOS via EAS Build, with an in-app chatbot for live pricing/stock queries
- Sole developer: architecture, implementation, deployment, SEO, ongoing maintenance
- Clinic management system: online appointment booking with serial number assignment, real-time waiting room display, multi-role doctor/compounder dashboard β currently live in an active clinic
- WebSocket-based real-time sync β queue updates instantly across all connected screens
- Device-based rate limiting (one appointment per device per day) + ordered queue engine
- Multi-role, password-protected RBAC (Doctor, Compounder)
- Stack: Next.js, TypeScript, Prisma, PostgreSQL, WebSocket, Vercel
- Super Admin dashboard for centralised oversight of administrators, vehicles, users, and license allocation across a multi-tenant fleet platform
- Live operations overview: real-time vehicle status breakdown, recent activity, transaction history, user activity feed
- Notification & audit panel for system-level alerts and per-user action logs
- Key metric cards + Adoption & Growth chart (3M/6M/12M/All-time) using Shadcn/ui, Radix UI, ApexCharts, Recharts
npmjs.com/package/scroll-animation-framer-motion
- TypeScript utility package for scroll-triggered animations (fade, slide, zoom), built on Framer Motion
- 1,200+ downloads within 6 months of release, 100% automated test coverage
- Minimal, prop-based API designed for easy developer adoption
Frontend: React.js, Next.js (App Router), TypeScript, JavaScript (ES6+), Tailwind CSS, Shadcn/ui, Radix UI, Material UI, Framer Motion, GSAP, Component Architecture, Performance Optimisation, SEO, Accessibility (a11y)
State & Data: Redux Toolkit, TanStack Query, Zustand, React Hook Form, Zod
Backend (Working Knowledge): Node.js, Prisma ORM, PostgreSQL, WebSocket, REST APIs, JWT Auth, Cloudinary
Tools: Git, GitHub, Vercel, Chrome DevTools, Figma, Agile/Scrum
Mobile: React Native, Expo, Expo Router, NativeWind, EAS Build, Android & iOS deployment
- π§ Email: forhadkhan2011@gmail.com
- π Portfolio: https://forhadkhandev.vercel.app
- πΌ LinkedIn: https://linkedin.com/in/forhadkhandev
- π» GitHub: https://github.com/xnafi
πΉ Frontend Engineer roles (4+ yrs experience) πΉ React / Next.js / React Native positions πΉ Remote (Worldwide)

