Welcome to my Full Stack Development Journey repository!
This repository documents my journey of learning modern web development from the ground up. Every folder represents a concept, exercise, or project completed throughout my learning process, making this repository a timeline of my growth as a developer.
- Become a Full Stack Developer
- Master the MERN Stack
- Build scalable real-world web applications
- Follow industry-standard development practices
- Maintain a consistent GitHub learning journey
- Continuously improve through hands-on projects
| Module | Status |
|---|---|
| HTML | ✅ Completed |
| CSS | ✅ Completed |
| JavaScript | 🔄 DOM & Core Concepts Completed |
| 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
- Array Methods (Map, Filter & Reduce)
- Document Object Model (DOM)
- DOM Navigation
- Selecting Elements
- Inserting & Removing Elements
- Dynamic DOM Manipulation
- Faulty Calculator
- Business Name Generator
- Factorial Calculator
- DOM Color Boxes
- Browser Events
- Event Listeners
- Event Bubbling
- ES6+ Features
- Asynchronous JavaScript
- Fetch API
- Promises
- 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)
- 🟦 JavaScript Business Name Generator
- 🟨 JavaScript Factorial Calculator
- 🎨 DOM Color Boxes Project
- 📱 Responsive Layout Exercises
- 💻 UI Components & Landing Pages
- 📖 Structured learning roadmap
- 💻 Hands-on coding exercises
- 🎨 Real-world frontend projects
- ⚡ Progressive JavaScript & DOM practice
- 📂 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, DOM manipulation, browser APIs, React, backend development, databases, and eventually complete Full Stack applications.
Each commit represents a meaningful milestone in my learning journey, documenting concepts, exercises, and projects while showcasing consistent growth, practical problem-solving, and hands-on development experience.
⭐ Thank you for visiting my repository! Feel free to explore my journey and follow along as I continue building toward becoming a Full Stack Developer.