+ 🚀 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
|
|
|
|
| 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 |
✅ 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
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 🚀"
}
- ☕ Coffee makes debugging easier.
- 🎧 Music + Coding = Productivity.
- 💡 I enjoy teaching programming.
- 🚀 I believe consistency beats motivation.
- 🌙 Night coding is my favorite.
"First, solve the problem. Then, write the code."
— John Johnson
Here are some of my favorite projects that showcase my skills in Full Stack Web Development.
|
A modern job portal built using the MERN Stack where users can browse jobs, authenticate, and manage their profiles.
React • Redux • Node • Express • MongoDB • Tailwind 
|
|
|
Complete Authentication System using Node.js & Express.
Node.js Express.js MongoDB JWT Bcrypt Nodemailer
|
|
A modern personal portfolio to showcase projects, skills, and experience.
React Tailwind Framer Motion |
|
|
Educational games developed for beginner students to learn programming concepts in a fun way.
|
| 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 |
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
2022 ▓▓░░░░░░░░ HTML CSS
2023 ▓▓▓▓▓░░░░ JavaScript
2024 ▓▓▓▓▓▓▓░ React
2025 ▓▓▓▓▓▓▓▓ MERN Stack
2026 ▓▓▓▓▓▓▓▓ Next.js + TypeScript
OS: Windows 11
Editor: VS Code
Browser: Chrome
Terminal: Git Bash
Version Control: Git
Database: MongoDB
API Testing: Postman
Design: FigmaConsistency is better than perfection.
JavaScript ████████████████████ 80%
React ███████████████ 65%
Node.js ███████████ 50%
MongoDB █████████ 45%
TypeScript █████ 25%
Next.js ████ 20%
🌞 Morning ███░░░░░░░░░░░░
🌇 Afternoon ███████░░░░░░░░
🌙 Evening ███████████░░░░
🌃 Night ███████████████
✔ MERN Stack
✔ React Ecosystem
✔ REST APIs
✔ Authentication Systems
✔ Responsive UI Development
✔ Redux Toolkit
✔ Technical Training
⬜ Docker
⬜ AWS
⬜ Kubernetes
⬜ Microservices
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"
]
}