developer

About Me

I am a passionate Full Stack Developer creating responsive and modern web applications. I love building apps that are performant, beautiful, and user-friendly.

Skills

HTML logo

HTML

CSS logo

CSS

JavaScript logo

JavaScript

Bootstrap logo

Bootstrap

Tailwind CSS logo

Tailwind CSS

React logo

React

Next.js logo

Next.js

Redux logo

Redux

Node.js logo

Node.js

Express logo

Express

API logo

RESTful API

MongoDB logo

MongoDB

Mongoose logo

Mongoose

MySQL logo

MySQL

PHP logo

PHP

Git logo

Git

GitHub logo

GitHub

Postman logo

Postman

Thunder logo

Thunder

Cloudinary logo

Cloudinary

bcrypt logo

Bcrypt

JWT logo

JWT Authentication

Education

BSCS - Bahria University Lahore Campus

2025 - Present

Pursuing a Bachelor's in Computer Science with a growing interest in AI, system design, and scalable full-stack development.

12th - Government Post Graduate College, Okara

2022 - 2024

Intermediate in Computer Science with a solid foundation in programming and basic software development principles. Percentage: 77.5%

10th - Government M.C. High School, Okara

2020 - 2022

Completed with 79.63%

Projects

Wanderlust Travel Platform Preview

Wanderlust Travel Platform

A premium travel discovery application built with Next.js 15 and TypeScript. Features Responsive booking engine, smooth animations, and SEO optimization. Implements modern App Router architecture for optimal performance.

Next.js TypeScript Tailwind CSS App Router
Learning Management System Preview

Learning Management System (LMS)

A comprehensive full-stack learning platform built with the MERN stack. Features secure JWT authentication, course management with full CRUD operations, Cloudinary integration for media uploads, interactive dashboards for students and instructors, and responsive design with Tailwind CSS.

React.js Node.js Express.js MongoDB Tailwind CSS JWT Redux Toolkit Cloudinary
Secure Password Generator Preview

Secure Password Generator

A powerful web utility that generates strong, customizable passwords instantly. Features adjustable password length, inclusion of uppercase letters, numbers, and special symbols, real-time generation, security strength indicator, and one-click copy functionality. Built with a "Logic-First" approach using JavaScript.

HTML5 CSS3 JavaScript Vite
E-Commerce Store Preview

E-Commerce Store (JavaScript)

A fully functional e-commerce platform built with vanilla JavaScript. Features product browsing with category filters (mobiles, laptops, headphones, speakers, watches, TVs), shopping cart functionality, and user authentication (signup/login pages). Responsive design with CSS.

HTML5 CSS3 JavaScript LocalStorage
Rock Paper Scissors Game Preview

Rock Paper Scissor Game

Built with HTML, CSS Bootstrap and JS. Human vs Computer game with score tracking and result counting.

HTML5 CSS3 Bootstrap JavaScript
React Todo Application Preview

React Todo Application

A modern task management app built with React.js. Features full CRUD operations for tasks, state management using React Hooks (useState, useEffect), responsive minimalist design, and input validation. Demonstrates component-based architecture and efficient list rendering.

React.js JavaScript (ES6+) CSS Modules Vite React Hooks
const express = require('express');
const jwt = require('jsonwebtoken');
const bcrypt = require('bcryptjs');

// Protected route middleware
const auth = async (req, res, next) => {
  try {
    const token = req.header('Authorization').replace('Bearer ', '');
    const decoded = jwt.verify(token, process.env.JWT_SECRET);
    next();
  } catch (error) {
    res.status(401).send({ error: 'Please authenticate' });
  }
};

Contact Management API

A secure and scalable RESTful API built with Node.js, Express, and MongoDB. Features complete user authentication with JWT and BcryptJS, protected routes for private contact storage, and full CRUD operations for managing personal contacts. Organized with clean MVC architecture.

Node.js Express.js MongoDB Mongoose JWT BcryptJS REST API MVC
const express = require('express');
const shortid = require('shortid');
const Url = require('./models/Url');

// Create short URL endpoint
app.post('/api/shorten', async (req, res) => {
  const { longUrl } = req.body;
  
  const urlCode = shortid.generate();
  const shortUrl = `https://short.link/${urlCode}`;
  
  await Url.create({ urlCode, longUrl, shortUrl });
  res.json({ shortUrl });
});

URL Shortener API

A high-performance backend REST API built with Node.js and Express that transforms long URLs into short, shareable links. Features unique slug generation, URL validation, persistent storage in MongoDB, and instant redirection. Built with asynchronous request handling and robust error management.

Node.js Express.js MongoDB Mongoose EJS REST API Async/Await

Contact Me

Have a project in mind or want to say hello? Fill the form below!