Hi 👋, I'm Muhammad Hasan

🚀 Full Stack MERN Developer • Technical Trainer • JavaScript Enthusiast

---

👨‍💻 About Me

+ 🚀 Passionate Full Stack MERN Developer
+ 💼 Building scalable web applications
+ 🎓 Technical Trainer & Programming Mentor
+ 🎥 Coding Content Creator on YouTube
+ 🌱 Currently mastering Next.js, TypeScript & Cloud
+ 💡 Love solving real-world problems through code

🚀 Current Focus ⚛️ Advanced React ▲ Next.js 📘 TypeScript ☁️ Cloud Deployment 🧠 System Design 🏗️ Backend Architecture

💻 Tech Stack

🎨 Frontend Development

---

⚙️ Backend Development

---

🛠 Programming Languages

---

☁️ Tools & Technologies

---

🚀 Currently Learning

---

🚀 What I Love Building

🌐 Frontend Responsive Websites Modern UI/UX React Applications Admin Dashboards Portfolio Websites Landing Pages API Integration Redux Toolkit

⚙️ Backend REST APIs Authentication JWT OTP Verification MongoDB Express.js CRUD Operations MVC Architecture

---

📚 Libraries & Frameworks

Category	Technologies
UI Libraries	Material UI, Bootstrap, Tailwind CSS
State Management	Redux Toolkit
Routing	React Router DOM
Database	MongoDB
Backend	Express.js
Runtime	Node.js
Authentication	JWT, Firebase
API	Axios, Fetch
Version Control	Git & GitHub

---

🎯 2026 Goals

✅ Master React

✅ Master Node.js

✅ Master MongoDB

🟨 Become Expert in Next.js

🟨 Master TypeScript

⬜ Learn Docker

⬜ Learn AWS

⬜ Learn Kubernetes

⬜ Open Source Contributions

⬜ Crack Product Based Company

⬜ Build SaaS Products

---

🌱 Currently Exploring

const hasan = {
    learning: [
        "Next.js",
        "TypeScript",
        "System Design",
        "Docker",
        "Cloud Deployment",
        "Performance Optimization"
    ],

    interests: [
        "Web Development",
        "Open Source",
        "Teaching",
        "Content Creation"
    ],

    lifeGoal: "Become a World-Class Software Engineer 🚀"
}

---

🏆 GitHub Achievements

---

⚡ Fun Facts

• ☕ Coffee makes debugging easier.
• 🎧 Music + Coding = Productivity.
• 💡 I enjoy teaching programming.
• 🚀 I believe consistency beats motivation.
• 🌙 Night coding is my favorite.

---

💬 Favorite Quote

"First, solve the problem. Then, write the code."
— John Johnson

🚀 Featured Projects

Here are some of my favorite projects that showcase my skills in Full Stack Web Development.

---

💼 HiringMine Clone A modern job portal built using the MERN Stack where users can browse jobs, authenticate, and manage their profiles. 🚀 Features JWT Authentication Protected Routes Redux Toolkit Job Dashboard Search & Filter Responsive UI REST APIs MongoDB Database 🛠 Tech Stack React • Redux • Node • Express • MongoDB • Tailwind

---

🔐 Authentication System Complete Authentication System using Node.js & Express. Features Signup Login Logout JWT Refresh Token OTP Verification Nodemailer Password Encryption Authorization Protected APIs Stack Node.js Express.js MongoDB JWT Bcrypt Nodemailer

---

🌐 Portfolio Website A modern personal portfolio to showcase projects, skills, and experience. Features Responsive Dark Mode Smooth Animation Contact Form Project Gallery Resume Download Stack React Tailwind Framer Motion

---

🎮 Scratch Games Educational games developed for beginner students to learn programming concepts in a fun way. Includes Maze Game Catch Game Quiz Game Racing Game Animation Projects

---

📦 More Projects

Project	Tech
🍔 Restaurant Website	HTML CSS JS
🧮 Calculator	JavaScript
📝 Todo App	React
🛒 Ecommerce UI	React
🎬 Movie App	React API
🌤 Weather App	JavaScript API
📖 Notes App	MERN
💬 Chat UI	React
👨‍💻 Admin Dashboard	React + Redux
📊 CRUD System	MERN

---

🌟 Open Source

I enjoy learning from the open-source community and continuously improving my projects through best practices and clean architecture.

Future Goals:

• Open Source Contributions
• Build NPM Packages
• Create React Libraries
• Build SaaS Products
• Mentor Developers

---

📈 Development Journey

2022 ▓▓░░░░░░░░ HTML CSS

2023 ▓▓▓▓▓░░░░ JavaScript

2024 ▓▓▓▓▓▓▓░ React

2025 ▓▓▓▓▓▓▓▓ MERN Stack

2026 ▓▓▓▓▓▓▓▓ Next.js + TypeScript

---

💻 Current Workspace

OS: Windows 11

Editor: VS Code

Browser: Chrome

Terminal: Git Bash

Version Control: Git

Database: MongoDB

API Testing: Postman

Design: Figma

📊 GitHub Analytics

Consistency is better than perfection.

---

⚡ GitHub Stats

---

💻 Most Used Languages

---

📈 Contribution Graph

---

🐍 Contribution Snake

---

📅 GitHub Summary Cards

---

---

📈 Weekly Development Breakdown

JavaScript      ████████████████████ 80%

React           ███████████████      65%

Node.js         ███████████          50%

MongoDB         █████████            45%

TypeScript      █████                25%

Next.js         ████                 20%

---

🔥 Coding Activity

🌞 Morning      ███░░░░░░░░░░░░

🌇 Afternoon    ███████░░░░░░░░

🌙 Evening      ███████████░░░░

🌃 Night        ███████████████

---

🏅 Milestones

✔ MERN Stack

✔ React Ecosystem

✔ REST APIs

✔ Authentication Systems

✔ Responsive UI Development

✔ Redux Toolkit

✔ Technical Training

⬜ Docker

⬜ AWS

⬜ Kubernetes

⬜ Microservices

---

📌 Current Status

const currentStatus = {
    role: "Full Stack MERN Developer",

    location: "Pakistan",

    learning: [
        "Next.js",
        "TypeScript",
        "Cloud Deployment",
        "Docker"
    ],

    workingOn: [
        "HiringMine",
        "Open Source",
        "Teaching",
        "Portfolio Improvements"
    ],

    availableFor: [
        "Frontend",
        "Backend",
        "Freelance",
        "Collaboration"
    ]
}