Skip to content
View xnafi's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report xnafi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
xnafi/README.md

Hi πŸ‘‹, I'm Forhad Khan

Frontend Engineer | React.js β€’ Next.js β€’ TypeScript


πŸš€ Professional Summary

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.


πŸ’Ό Professional Experience

🏒 Elegant Web Studio (Remote)

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

🏒 Al Jaami Technologies (Remote)

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

🏒 Remostarts (Remote)

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

πŸš€ Projects

πŸ“¦ MacZen BD | Apple Premium Retail Platform

maczenbd.com

  • 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

πŸ₯ Daktar Khana | Real-Time Clinic Queue System

doctor-tirthankar.vercel.app

  • 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

πŸš› Fleet Stack | Multi-Tenant Fleet Management Dashboard

fleet-stack.vercel.app

  • 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

🎨 scroll-animation-framer-motion | Open Source NPM Package

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

🧠 Core Skills

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


πŸ“« Contact


🎯 Open To Opportunities

πŸ”Ή Frontend Engineer roles (4+ yrs experience) πŸ”Ή React / Next.js / React Native positions πŸ”Ή Remote (Worldwide)

Pinned Loading

  1. macZenBD_E-Commerce macZenBD_E-Commerce Public

  2. Fleet-Stack_fleet-management Fleet-Stack_fleet-management Public

  3. Appointment-Queue_Doctor-Dashboard Appointment-Queue_Doctor-Dashboard Public

  4. scroll-animation-framer-motion scroll-animation-framer-motion Public

    TypeScript