Portfolio

MyMyWorksWorks

Explore a collection of my finest projects, crafted with passion and precision.

Web Development

AuraCrafts -// E-Commerce Platform

Aura Crafts is an immersive, bilingual e-commerce platform dedicated to handcrafted artisanal home treasures. Developed using Next.js 14, Tailwind CSS, and Django REST Framework, the application delivers a premium shopping experience featuring interactive product grids, category filtering, a persistence-backed shopping cart, and secure JWT authentication. The user experience is enhanced with a fully integrated localization system that supports seamless transitions between English and Urdu, paired with custom Framer Motion cursor-tracking aesthetics. Content is managed dynamically through a customized Django administration panel, with optimized media assets served via Cloudinary to ensure speed, accessibility, and clean visual layouts.

Next.jsReact.jsTailwindCSSDjangoDjango (DRF)Simple JWTPostgreSQLCloudinary

Loading asset...

Web Development

Portfolio -// Full-Stack Next.js Project

This project is a high-performance, premium Creative Portfolio & Content Management System (CMS) designed for developers and digital creatives. Built on Next.js 15, React 19, and TypeScript, the application features an interactive, modern user interface with inertia-based smooth scrolling, scroll-triggered vector animations, and micro-interactions such as neon card border-beams and mouse-tracking spotlight lighting filters. A core feature of the application is a client-side vector PDF resume builder utilizing jsPDF, which dynamically compiles user profile database records into a clean, print-optimized two-column document. The platform also details professional histories with scroll-revealing experience, education, and certification timelines, complete with attachments that visitors can view inline through custom modals. Communication is handled via a Zod-validated contact page linked to a Nodemailer email notification system and a floating WhatsApp redirect button. Finally, the application includes a secure administrative dashboard protected by NextAuth.js credentials and email OTP codes. The dashboard features message metrics, a Recharts-powered analytics visualizer for contact inquiries, an activity logging audit trail, Cloudinary asset storage integration, and complete CRUD interfaces to edit project portfolios, experience entries, and site settings—such as banner image brightness, contrast, opacity, grayscale filters, and client stats—in real-time.

Next.jsReact.js TypeScriptsTailwindCSSPrismaZODCloudinaryVercel

Loading asset...

Web Development

CodeGuard Suite -// Full-Stack Bugs Tracking Application

This application is a production-ready, role-based Bug Tracking System engineered with a secure Django REST Framework backend and a responsive React (Vite) + TypeScript frontend styled in a premium dark-mode glassmorphic theme. The platform handles user workflows for Managers, QAs, and Developers, enforcing strict permissions via custom DRF permission classes and validating complex status transitions tailored to issue lifecycles (e.g., Bug vs. Feature validation engines). Authenticated users access personalized dashboard visualizers showing monthly project health, priority breakdowns, and real-time activity feeds. Under the hood, the system integrates secure JWT token authentication with active blacklist logout mechanics, Django-based database model validators for screenshot uploads ($\le 5MB size, .png/.gif format constraints), and optimized pagination, search, and multi-field filters on all primary data entities.

React.jsTypeScriptsTailwindCSSVercelDjangoDjango (DRF)Simple JWT

Loading asset...

Web Development

FASCO -// FASCO E-Commerce Storefront

FASCO is a high-performance, modern e-commerce storefront web application designed with a polished, premium aesthetic. Built using React 19, TypeScript, Vite, and Tailwind CSS, the platform delivers a seamless, responsive shopping experience driven by React Router navigation and fluid micro-animations powered by Framer Motion. The application features an interactive landing page complete with a dynamic hero section, brand showcases, and a real-time "Deals of the Month" countdown banner with seamless automated sliders. For product discovery, the interactive Shop Page implements advanced sidebar filtering—supporting size, color, brand, and price-range options—alongside sorting controls and grid/list layout toggles. The Product Detail Page elevates user engagement with a multi-image thumbnail gallery, custom variant selectors, live stock indicators, urgency-inducing countdown timers, and integrated add-to-cart functionality, presenting a modern, production-grade template for digital commerce.

React.jsTypeScriptsTailwindCSSVercel

HaveaProjectinMind?

Let's work together to create something extraordinary.