๐Ÿš€ Portfolio Projects

Building Digital Products
That Solve Real Problems

Here you'll find a collection of client work, full-stack applications, dashboards, and personal projects built with modern web technologies. Every project reflects my approach to writing clean code, designing scalable architectures, and creating exceptional user experiences.

React.jsNext.jsNode.jsExpress.jsMongoDBTypeScriptTailwind CSS
๐Ÿš€ Featured Projects

Turning ideas into real-world web applications.

A collection of personal, academic and client projects showcasing modern frontend, backend and full-stack development.

localhost
WorkForce Pro - HR Management System
Featured Project

WorkForce Pro - HR Management System

Personal Project

Designed and developed WorkForce Pro, a full-stack HRM platform for managing employees, attendance, payroll, departments, and reports with secure role-based access.

React.js
Next.js
Tailwind CSS
Node.js
Express.js
MongoDB
JWT
Redux Toolkit
Chart.js
Vercel
MongoDB Atlas
Production Ready

11

Technologies

100%

Responsive

๐Ÿš€

Live

scangpt-tsd.vercel.app
ScanGPT โ€“ AI-Powered OCR & Document Intelligence
Featured Project

ScanGPT โ€“ AI-Powered OCR & Document Intelligence

Personal Project

A modern AI-powered document processing platform that extracts text from images and scanned documents using OCR, then leverages AI to summarize, translate, and analyze content through a fast, intuitive, and responsive user experience.

Next.js 16
TypeScript
Tailwind CSS v4
shadcn/ui
Radix UI
Lucide React
Vercel Analytics
Vercel
Production Ready

8

Technologies

100%

Responsive

๐Ÿš€

Live

v0-callerlens.vercel.app
CallerLens - Caller Intelligence Dashboard
Featured Project

CallerLens - Caller Intelligence Dashboard

Personal Project

Developed a modern caller intelligence dashboard that allows users to search caller history, check spam scores, and report suspicious phone numbers. Built with Next.js and TypeScript using interactive analytics and responsive dashboard components.

Next.js
React
TypeScript
Tailwind CSS
React Charts
Production Ready

5

Technologies

100%

Responsive

๐Ÿš€

Live

localhost
Click Desire
Featured Project

Click Desire

E-Commerce Platform

Worked as the Backend Developer for a complete e-commerce platform. Developed scalable REST APIs, authentication, product management, order processing, and database architecture using Node.js, Express.js, and MongoDB.

Node.js
Express.js
MongoDB
JWT
Mongoose
Production Ready

5

Technologies

100%

Responsive

๐Ÿš€

Live

localhost
Arwa Technologies Company Website
Featured Project

Arwa Technologies Company Website

Professional Experience

Designed and developed key frontend modules for the Arwa Technologies website, focusing on responsive UI, API integration, and seamless user experience.

React.js
Next.js
Tailwind CSS
Node.js
Express.js
MongoDB
JWT
Vercel
Production Ready

8

Technologies

100%

Responsive

๐Ÿš€

Live

๐Ÿ’ผ Other Work

More Projects

Alongside client work, I've built personal projects and learning applications to explore new technologies, improve problem-solving skills, and experiment with modern development practices.

BookNest - A World of Books at Your Fingertips
Personal Project
completedPublic

BookNest - A World of Books at Your Fingertips

A premium online bookstore platform featuring book discovery, authentication, shopping functionality, and an intuitive admin dashboard with a modern, responsive user experience.

Next.jsReact.jsTailwind CSSNode.jsExpress.jsMongoDBJWTRedux ToolkitCloudinaryVercelMongoDB Atlas
PhotoFusion - AI Photo Editor
Personal Project
CompletedPublic

PhotoFusion - AI Photo Editor

A modern web-based photo editor built with Next.js and TypeScript. Users can upload images and perform editing operations through a clean and responsive interface with real-time preview.

Next.jsReactTypeScriptTailwind CSS
Government Graduate College Lodhran
Official Website
CompletedPrivate

Government Graduate College Lodhran

Designed and developed a responsive multi-page website for Government Graduate College Lodhran to provide students and visitors with academic information.

Next.jsReactTailwind CSSJavaScriptVercel
Velocity Admin Dashboard
Personal Project
CompletedPublic

Velocity Admin Dashboard

Developed the administrator dashboard for a logistics management platform. The dashboard provides administrators with complete control over users, vehicles, bookings and system analytics.

React.jsNext.jsTailwind CSSMongoDB AtlasJWTVercel
BedSpace
Hotel Booking Platform
CompletedPublic

BedSpace

A modern multi-page hotel and bed space booking website for UAE accommodations. Users can browse available rooms, choose options for individuals, couples, or families, and complete their booking before arriving. Built as a fully responsive frontend application with a clean user experience.

ReactNext.jsTailwind CSS
Solution Carrier
Software Company Website
CompletedPrivate

Solution Carrier

Developed the responsive frontend website for Solution Carrier, a software company focused on delivering digital solutions and technology services. Built with Next.js and Tailwind CSS, the website features modern UI components, optimized performance, and a responsive user experience across all devices.

Next.jsReactTailwind CSSVercel
โš™๏ธ My Development Process

From Idea to Deployment

Every successful project follows a structured process. Here's how I turn ideas into scalable, maintainable, and production-ready web applications.

๐ŸŽฏ
01

Understanding Requirements

I begin by understanding the client's goals, target audience, business requirements, and project scope before writing any code.

๐Ÿ“
02

Planning & Architecture

I plan the application structure, define reusable components, organize APIs, and design the database schema to keep the project scalable and maintainable.

๐Ÿ’ป
03

Development

I build responsive user interfaces with React or Next.js and develop secure backend APIs using Node.js, Express.js, and MongoDB.

๐Ÿงช
04

Testing & Optimization

Before deployment, I test functionality, fix bugs, optimize performance, improve responsiveness, and ensure the application works across different devices.

๐Ÿš€
05

Deployment & Maintenance

I deploy projects on platforms like Vercel or Netlify and continue improving them through updates, bug fixes, and feature enhancements.

๐Ÿ“Š Portfolio Overview

Project Statistics

A quick overview of the work I've completed and the technologies I use to build modern web applications.

10+

Projects Completed

3+

Client Projects

15+

Technologies Used

100%

Responsive Design