Welcome to my Full Stack Development Journey repository!
This repository documents my progress as I learn modern web development from the ground up. Every folder represents a concept, exercise, or project completed throughout my journey.
- Become a Full Stack Developer
- Master the MERN Stack
- Build real-world web applications
- Learn industry-standard development practices
- Maintain a consistent GitHub learning journey
| Module | Status |
|---|---|
| HTML | ✅ Completed |
| CSS | ✅ Completed |
| JavaScript | 🔄 In Progress |
| Node.js | ⏳ Upcoming |
| React | ⏳ Upcoming |
| Express.js | ⏳ Upcoming |
| MongoDB | ⏳ Upcoming |
| Projects | 🔄 In Progress |
- First HTML Code
- First HTML Webpage
- Basic Structure
- Headings, Paragraphs & Links
- Images, Lists & Tables
- SEO & Core Web Vitals
- Forms & Input Tags
- Inline & Block Elements
- IDs & Classes
- Video & Audio Elements
- Semantic HTML
- HTML Media Player Project
- HTML Entities & Code Tags
- Introduction to CSS
- Inline, Internal & External CSS
- CSS Selectors
- Margin, Padding & Borders
- Fonts, Text & Colors
- CSS Specificity & Cascade
- Sizing Units
- Display Property
- Shadows & Outlines
- Styling Lists
- Overflow Property
- Position Property
- CSS Variables
- Media Queries
- Float & Clear
- Advanced CSS Selectors
- Flexbox
- CSS Grid
- CSS Transforms
- CSS Transitions
- CSS Animations
- CSS Filters
- Object Fit & Object Position
- Figma Basics
- Layout Design Exercises
- Multiple CSS Practice Projects
- Netflix Landing Page Clone
- Introduction to JavaScript
- Variables, Data Types & Objects
- Conditional Statements
- Loops
- Functions
- Strings
- Arrays
- Faulty Calculator
- Business Name Generator
- Factorial Calculator
- DOM Manipulation
- ES6+
- Asynchronous JavaScript
- React
- Node.js
- Express.js
- MongoDB
- REST APIs
- Full Stack Applications
full-stack-development/
│
├── 1_HTML/
├── 2_CSS/
├── 3_JavaScript/
├── 4_NodeJS/
├── 5_React/
├── 6_ExpressJS/
├── 7_MongoDB/
└── 8_Projects/
| Technology | Status |
|---|---|
| HTML | ✅ Completed |
| CSS | ✅ Completed |
| JavaScript | 🔄 Learning |
| Node.js | ⏳ Upcoming |
| React | ⏳ Upcoming |
| Express.js | ⏳ Upcoming |
| MongoDB | ⏳ Upcoming |
| Git & GitHub | ✅ Daily Workflow |
- 🎨 Multiple CSS Practice Projects
- 🟥 Netflix Landing Page Clone (HTML & CSS)
- 📱 Responsive Layout Exercises
- 💻 UI Components & Landing Pages
- 📖 Structured learning roadmap
- 💻 Hands-on coding exercises
- 🎨 Real-world frontend projects
- 📂 Well-organized folder structure
- 📝 Meaningful Git commit history
- 🚀 Consistent GitHub contributions
This repository is more than just a collection of code.
It serves as a timeline of my growth as a developer. Every concept, exercise, and project is committed separately to Git, making it easy to track my learning progress over time.
Starting with HTML fundamentals and progressing through modern CSS, this journey now continues into JavaScript, React, backend development, databases, and eventually complete Full Stack applications.
Each commit represents a meaningful step in my learning journey, reflecting not just completed lessons but the gradual development of practical web development skills.
⭐ Thank you for visiting my repository! Feel free to explore my journey.