Back to Home
Portfolio

Complete Project Archive

A showcase of my journey in AI, Robotics, and Web Development. Each project represents a challenge solved and a technology mastered.

LUMEN - Sneaker Store AI

LUMEN - Sneaker Store AI

A luxury AI-driven sneaker store platform featuring interactive foot style & size analysis, personalized shoe recommendations, bespoke fitting preview, and an AI Concierge chatbot.

Next.jsTypeScriptTailwind CSSAI RecommenderInteractive UI
BeautySkin - Skincare Brand AI

BeautySkin - Skincare Brand AI

A luxury AI-driven skincare platform featuring an interactive skin type quiz, personalized daily skincare routine generator, tailored product recommendations, and an AI Concierge assistant.

Next.jsTypeScriptTailwind CSSAI RecommenderSkin Quiz
EMPOWER Car Dealership

EMPOWER Car Dealership

A high-end, fully responsive car dealership website featuring continuous 'self-drawing' SVG path animations, scroll-aware navigation, and cinematic transitions.

Next.jsTailwind CSSReactAnimationsFully Responsive
Physical AI & Humanoid Robotics

Physical AI & Humanoid Robotics

A comprehensive interactive textbook and platform for mastering Physical AI, ROS 2, and Humanoid Robotics development.

DocusaurusReactTypeScriptROS 2Claude CodeSpeckit
AI Task Management System

AI Task Management System

A Next-generation task management platform featuring a minimal 'Vapor' aesthetic and streamlined workflow integration.

Next.jsTypeScriptFastAPIBetter AuthClaude CodeSpeckit
Course Companion FTE

Course Companion FTE

An AI-native Digital Full-Time Equivalent educational tutor with a 24/7 deployed backend, adaptive learning paths, AI assessments, and a socratic AI Mentor powered by Cerebras & GPT-4o.

Next.js 15FastAPICerebras AIPostgreSQLDockerMCP
Happy Birthday Rameen Afzal

Happy Birthday Rameen Afzal

A warm golden-themed celebratory tribute platform featuring personalized birthday wishes, elegant typography, interactive memory cards, and a special August 23rd tribute edition UI.

Next.jsReactTailwind CSSFramer MotionCelebration UI
Laiba Khan Birthday Platform

Laiba Khan Birthday Platform

A heartfelt 28th July birthday celebration platform featuring dynamic particle heart animations, interactive wish submission cards, personal tribute galleries, and responsive UI.

Next.jsReactTailwind CSSFramer MotionInteractive UI
Essential Elegance

Essential Elegance

A luxury fashion landing page designed for modern minimalists, featuring timeless silhouettes and premium sustainable materials.

Next.jsFramer MotionTailwind CSSTypeScript
Coffee Paradise

Coffee Paradise

A premium coffee shop landing page featuring a curated menu, artisan gallery, and elegant hover-driven interactions.

ViteJavaScriptTailwind CSSAESTHETIC
HeroDad Father's Day 2026

HeroDad Father's Day 2026

An AI-powered celebration platform for Father's Day featuring a personalized wish and shairi generator, dynamic framer motion animations, and a responsive modern UI.

Next.jsFramer MotionGoogle Gemini AITailwind CSS
Bistro Bliss

Bistro Bliss

A comprehensive full-stack restaurant website featuring a dynamic menu, event management services, and a seamless online booking system.

React.jsHTML5CSS3JavaScript
Lixor

Lixor

A premium full-stack restaurant platform featuring an AI concierge chatbot, dynamic menu with cart system, nutritional guides, chef profiles, and a table booking system with a 'Spin for a Deal' gamification feature.

Next.jsTypeScriptTailwind CSSAI ChatbotFull-Stack
Mother's Day Platform

Mother's Day Platform

An elegant, full-featured celebration platform for Mother's Day featuring a custom high-resolution greeting card generator, curated quotes, and dynamic dark/light themes.

Next.jsReactTailwind CSSInteractive UI
Modern Todo App

Modern Todo App

A professional-grade task management dashboard featuring a high-performance interactive UI and streamlined productivity workflows.

React.jsViteTailwind CSSProductivity
Eid ul Adha 2026

Eid ul Adha 2026

A premium Bakra Eid platform featuring glowing Arabic calligraphy, interactive Sunnah checklists, authentic Qurbani recipes with a dynamic ingredients calculator, and a customizable Eid greeting card generator.

Next.jsTypeScriptTailwind CSSFramer MotionInteractive UI
Eid Mubarak Celebration 2026

Eid Mubarak Celebration 2026

A premium Eid-ul-Fitr platform featuring spiritual resources, celebratory greetings, and interactive card customization.

Next.jsFramer MotionAOSTailwind CSSInteractive UI
Ramadan Mubarak 2026

Ramadan Mubarak 2026

A comprehensive Ramadan companion app featuring precise prayer times, fasting schedules, spiritual guides, and interactive dhikr tools.

Next.jsReact 19Tailwind CSSTypeScriptMultilingual
Ramadan Mubarak 2025

Ramadan Mubarak 2025

A dedicated spiritual resources landing page for the holy month of Ramadan 2025, featuring prayer times and Ashra guides.

HTML5CSS3JavaScriptLanding Page
Noir Éclat

Noir Éclat

A high-fidelity luxury jewelry e-commerce platform featuring a sophisticated 'Signature Vault' collection and a streamlined 'Active Protocol' checkout system.

Next.js 16Tailwind CSS 4Framer MotionLucide ReactTypeScript
Practice Portfolio (Legacy)

Practice Portfolio (Legacy)

A fully animated and responsive personal portfolio landing page, developed as a foundational training project to master core frontend interactions.

HTML5CSS3JavaScriptPracticeAnimated
Word Guess Game

Word Guess Game

A fully interactive and responsive Hangman game featuring a vibrant forest-themed UI, dynamic animations, and state-driven gaming logic.

HTML5CSS3JavaScriptGame DevResponsive
Wayne Watch Store

Wayne Watch Store

A luxury watch e-commerce platform with AI-powered search, brand & price filtering, and an interactive React Leaflet map to locate the nearest branch.

React 19TypeScriptViteTailwind CSS 4React Leaflet
Currency Converter (Legacy)

Currency Converter (Legacy)

A real-time currency converter supporting multiple international currencies with live exchange rates, flag indicators, and a clean glassmorphism UI.

HTML5CSS3JavaScriptAPI IntegrationLegacy
Weather App (Legacy)

Weather App (Legacy)

A responsive weather application providing real-time weather data and detailed metrics for cities worldwide with a clean glassmorphism UI.

HTML5CSS3JavaScriptOpenWeather APILegacy