Current Location
lahore, Punjab, PakistanCurrently Learning
AWS (cdk)
Status
Open for Web Development Roles
About Me
I am a specialized Full-Stack Developer with a deep focus on performance and minimalist design. Currently pursuing my Bachelor’s in Computer Science at the University of Okara.
I thrive in the intersection of logic and creativity, building tools that are as powerful under the hood as they are beautiful to the user.
BS Computer Science
University of Okara
Focusing on Software Engineering and Modern Web Tech.
2022 - 2026
ICS (Physics)
Concordia College Ellah Abad
Intermediate in Computer Science.
2020 - 2022
Matriculation
Govt. Higher Secondary School Kangan Pur
Science Stream with Computer Science focus.
2018 - 2020
TECHNICAL ARSENAL
Categorized proficiency in modern web architecture and cloud solutions.
Frontend & UI
Backend & Database
Cloud storage & Deployment
Real-time & AI
Additional Toolkit
PROFESSIONAL JOURNEY
My professional background is rooted in building efficient, user-centric applications. I focus on bridging the gap between complex backend logic and seamless frontend experiences.
Philosophy
Code is not just about solving problems; it`'s about creating scalable systems that empower users.
NIT-SERVICES
Contributed to high-performance web solutions and collaborated with senior developers to implement scalable features.
Case Studies
LMS Pro: Learning Management System
A comprehensive educational platform allowing instructors to create, publish, and sell courses with integrated progress tracking and sales analytics.
Core Stack
Key Features
- Teacher Mode: Dedicated dashboard for course creation, chapter management, and publishing
- Sales Analytics: Visual data representation of revenue and enrollments using Recharts
- Secure Payments: Complete student checkout flow integrated with Stripe
- Media Management: Seamless server-side video and image uploads via UploadThing
- Role-Based Access: Protected routes and authentication handled via Clerk
Impact & Learning
Messenger: Real-Time Chat Experience
A high-performance communication platform enabling seamless instant messaging, group dynamics, and live presence tracking.
Core Stack
Key Features
- Real-Time Messaging: Instant one-to-one and group conversations powered by Pusher
- Presence Tracking: Live 'Active/Offline' status indicators for all users
- Group Management: Capability to create collaborative groups and invite friends
- Profile Customization: User ability to update status, display names, and profile pictures
- NextAuth Security: Robust authentication flow featuring secure Google Provider sign-in
- Media Sharing: Seamless profile and chat image uploads via UploadThing
Impact & Learning
Graphix: AI-Powered Canva Clone
A sophisticated graphic design suite featuring a full-featured canvas editor, AI image generation, and cloud-based asset management.
Core Stack
Key Features
- Advanced Canvas Editor: Drag-and-drop design toolset powered by Fabric.js for professional layout creation
- AI Image Generation: Seamless integration with Stability AI to generate unique assets from text prompts
- Cloud Asset Management: High-performance image storage and optimization utilizing Cloudinary
- Secure Workspace: Individual user accounts and design saving via NextAuth Google Provider
- Modular Component Library: Polished and responsive interface built using ShadCN UI primitives
Impact & Learning
Taskify: Organizational Management Suite
A high-end task management system featuring dynamic organizational workspaces, real-time activity tracking, and drag-and-drop workflow automation.
Core Stack
Key Features
- Organization Workspaces: Multi-tenant architecture using Clerk for team and organizational management
- Interactive Boards: Drag-and-drop lists and cards powered by @hello-pangea/dnd for seamless task movement
- Unsplash Integration: Dynamic board backgrounds utilizing the Unsplash API for custom aesthetics
- Activity Audit Log: Real-time history tracking for every database operation (Create, Update, Delete)
- Relational Storage: Optimized PostgreSQL performance using Neon Serverless Database
- Advanced UI: Responsive and accessible task cards and modals built with ShadCN UI
Impact & Learning
Spotify 2.0: Personal Music Hub
A high-fidelity music streaming clone featuring local library management and a sleek, interactive audio player interface.
Core Stack
Key Features
- Dynamic Audio Player: Fully functional play/pause and seek controls with persistent playback
- Library Management: Ability for users to upload and manage their personal song collections
- Responsive Glassmorphism UI: High-end aesthetic inspired by the modern Spotify desktop app
- Relational Data: Structured MySQL schema for users, songs, and artist relationships
Impact & Learning
Netflix Cinema: Premium Streaming UI
An immersive movie browsing platform with custom video player integration and category-based content discovery.
Core Stack
Key Features
- Dynamic Hero Section: Features auto-playing trailers and featured content sliders
- Categorized Content: Filterable movie lists ranging from Trending to Top Rated
- Authentication: Secure user login and personalized 'My List' functionality
- Mobile-First Design: Pixel-perfect responsiveness using Chakra UI's layout system
Impact & Learning
Facebook Core: Social Networking
A social media recreation focusing on core community features including real-time posting, feed interactions, and profile management.
Core Stack
Key Features
- CRUD Feed: Create, read, update, and delete posts with real-time UI updates
- User Authentication: Custom JWT-based login and registration system
- Profile Ecosystem: Personalized user pages featuring wall posts and bio updates
- Interaction Logic: Dynamic like and comment sections for user engagement
Impact & Learning
DevBlog: Full Stack Content Platform
A multi-user blogging engine featuring markdown support, secure authoring, and a robust CMS-style backend.
Core Stack
Key Features
- Rich Text Authoring: Intuitive interface for writers to create and format blog posts
- Session Security: Cookie-based authentication for persistent user sessions
- Content Discovery: Search and filter functionality to navigate through blog archives
- Image Storage: Integrated backend for handling post thumbnail uploads
Impact & Learning
SkyCast: Real-Time Weather Hub
A precision weather tracking tool that utilizes live API data to provide accurate forecasts based on user location.
Core Stack
Key Features
- Dynamic Backgrounds: Interface colors and imagery change based on current weather conditions
- Geo-Location: Automatically detects user city for instant local weather updates
- 5-Day Forecast: Detailed breakdown of temperature, humidity, and wind speed trends
- Unit Conversion: Toggle between Celsius and Fahrenheit for global accessibility
Impact & Learning
Modern Portfolio: Personal Branding
The high-performance, dark-themed developer portfolio you are currently viewing, built with a focus on speed and UX.
Core Stack
Key Features
- Side-by-Side Layouts: Alternating project views for a dynamic scrolling experience
- Glassmorphism: Modern frosted-glass UI elements with subtle backdrop blurs
- Optimized Images: Next.js Image component utilized for lightning-fast load times
- Dark Mode Ready: Full dark/light theme support for all UI components
Impact & Learning
Dice Royale: JS Logic Game
A fast-paced interactive dice game designed to demonstrate core JavaScript logic and DOM manipulation techniques.
Core Stack
Key Features
- Game Logic: Randomized dice rolling with win/loss condition checking
- Score Tracking: Persistent session scoring to keep track of player streaks
- Interactive UI: Dynamic DOM updates without the need for page refreshes
Impact & Learning
Certifications
Intership Certificate
Software House
Udemy Course Certificate
Web Development Bootcamp
SoloLearn Course Certificate
Web Development
ScholarHat Course Certificate
React JS
ScholarHat Course Certificate
Node JS
SimpliLearn Course Certificate
TypeScript
Let's Connect
I'm currently open to new opportunities and collaborations. Whether you have a specific project in mind or just want to network, don't hesitate to reach out!
