NewProject Launched

Crafting Digital Excellence.

Hello, I'mMuhammad Haroon Nawaz

A Web Developer

Resume

The Digital Workbench

Where code meets creativity. Explore my tools, process, and current status.

codewithharoon:~

➜~welcome

Welcome to Haroon's interactive shell. Type "help" to start.

➜~

Interactive Shell v1.0

My Ecosystem

Workstation

Dual 27" 4K Setup

Input

Mechanical Keychron K2

Control

Logitech MX Master 3S

Power

M2 Pro Custom Beast

Concept

Brainstorming & Architecture

Develop

Clean, Scalable Code

Test

Rigorous QA & Debugging

Deploy

CI/CD & Optimization

Slow Performance?

Hover for Solution

Next.js + Edge Caching

Optimized server-side rendering for sub-second loads.

Confusing UX?

Hover for Solution

Intuitive Design

Data-driven user flows with accessible interfaces.

Legacy Code?

Hover for Solution

Modern Stack

Migration to scalable TypeScript & Cloud Architecture.

Daily Streak

132 days

Crafted Projects

Merging code with Creativity

Dukaan Digital

Dukaan Digital is a local shop management software that helps small shopkeepers manage inventory, sales, udhaar, invoices, and monthly reports from one dashboard

React.jsExpress.jsMongoDBtailwindcss

Dukaan Digital

Professional Dashboard

Point of sale

Purchase record

Expense managenment system

Credit manager

Report gemeration

And many more ...

React.jsExpress.jsMongoDBtailwindcss

LIVE EXPERIENCE REPOSITORY

Tech Dastak

A website builder agency

Next.js

Tech Dastak

My own agency website

Self designed

Next.js

LIVE EXPERIENCE REPOSITORY

DevOS

Your personal developer control center. Track goals, notes, GitHub activity, and productivity in one beautiful dashboard.

Next.jsTailwindcssframer-motion

DevOS

Built full stack dashboard with authentication

Integrated GitHub API for live coding stats

Created goals tracking system with progress

Built notes system with full CRUD operations

Designed modern responsive dashboard UI

Implemented productivity analytics and charts

Developed REST API using Next.js backend

Stored and managed data using MongoDB

Added protected routes and user sessions

Next.jsTailwindcssframer-motion

LIVE EXPERIENCE REPOSITORY

NODE.sys

Neighborhood Operations & Digital Exchange System (NODE.sys). Streamlining community resource management and local economic growth through decentralized interaction.

Next.jsTailwindcssMongoDBUploadthing

NODE.sys

Borrow tools & appliances from your neighbors

Support local entrepreneurs & businesses

Find great deals on pre-owned items

Hire skilled neighbors for local tasks

Next.jsTailwindcssMongoDBUploadthing

LIVE EXPERIENCE REPOSITORY

Sweet Tooth Bakery

A modern, full-stack bakery e-commerce website built as personal project.

Next.jsMongoDBJWTTailwindcss

Sweet Tooth Bakery

Product Catalog

Shopping Cart

Checkout Process

User Profile

Admin Dashboard

Responsive Design

Next.jsMongoDBJWTTailwindcss

LIVE EXPERIENCE REPOSITORY

Essential Stack

The core tools I use to bring modern digital visions to life.

Frontend

Typescript

Lucide react

Framer motion

Tailwindcss

JavaScript

CSS

HTML

Next Js

React.js

Backend

Python

Mongodb

Node.js

Express.js

Tools

Postman

Github

Git

Vercel

VS code

Design

Illustrator

Figma

The Journey

A timeline of my professional growth, academic milestones, and the experiences that shaped my path.

2026 — Present

workActive

Lead Developer

FreeLancing2026 — Present

Working on multiple FreeLancing project and gaining a lot of experience. Enjoying Working ...

2025 — Present

workActive

Full stack solo developer

Online Freelancing2025 — Present

I am working on project "Dukaan Digital" as my freelance project from home that provide a lot of experience and improve my confidence.

2023 — Present

educationActive

BS Computer Science

Superior College Kotla (Affiliated with UOG)2023 — Present

Bachauler degree in Computer science

2021 — 2023

education

Intermediate in Computer Science

Superior College Kotla Arab Ali khan2021 — 2023

I complete Intermediate in computer Science with a very good experience leaning environment

2019 — 2021

education

Matriculation In computer Science

International Model School Udha2019 — 2021

I have completed matriculation with computer Science as my major subject

Modern Expertise

Transforming complex ideas into seamless digital experiences.

Swipe to explore

Web Development

Building high-performance, scalable, and secure web applications using the modern MERN stack and Next.js. I focus on writing clean, maintainable code to ensure your platform grows with your business.

Custom Full-Stack MERN (MongoDB, Express, React, Node.js) development.

Next.js Server-Side Rendering (SSR) & Static Site Generation (SSG).

Fully Responsive Design (Mobile, Tablet, and Desktop optimization).

Secure User Authentication (JWT, NextAuth, or Clerk).

High-Converting Landing Pages

specialized in designing landing pages that turn visitors into customers. Whether it's for a product launch or lead generation, I build pages that focus on speed, clarity, and results.

Conversion-Optimized Layouts (Focused on ROI).

Strong Call-to-Action (CTA) placements.

Ultra-Fast Loading Times for better retention.

Clean and Professional Visual Storytelling.

UI/UX Design & Prototyping

Creating intuitive and visually stunning user interfaces that provide a seamless user experience. I bridge the gap between aesthetics and functionality to make your digital product stand out.

User Research and Competitive Analysis.

Low-Fidelity Wireframes & High-Fidelity Mockups.

Interactive Clickable Prototypes in Figma.

Custom Design Systems & Component Libraries.

Core Philosophy

The principles that guide every pixel and line of code I write.

Technical Excellence

Code should be as beautiful as the UI. I write clean, scalable, and performant TypeScript that stands the test of time, ensuring maintenance is a breeze and performance is sharp.

TypeScriptClean CodePerformance

Problem Solving

I don't just write code, I build solutions. Every feature is an answer to a real-world problem, crafted with logic and user-centric efficiency.

LOGICEFFICIENCYSOLUTION

Continuous Learning

The tech world moves fast, and so do I. Embracing new frameworks and methodologies is my way of staying ahead and delivering modern excellence.

ADAPTABILITYMODERN TECHGROWTH

Design Philosophy

I believe in design that breathes. Minimalist layouts, intentional whitespace, and a focus on visual hierarchy that guides the user effortlessly through the digital experience.

MinimalismUX FirstIntuitive