🌐 WebDevPractice

A structured, hands-on journey through full-stack web development — from the fundamentals of HTML and CSS all the way to modern frameworks like React and Node.js.

This repo is my personal practice log as I build a strong foundation in front-end and back-end development, one concept at a time.

📌 About

I'm learning full-stack web development from scratch, and this repository documents that progress through small, focused practice projects and assignments. Each folder represents a stage in the learning path, containing exercises, mini-projects, and experiments tied to that topic.

🗂️ Repository Structure

WebDevPractice/
│
├── 1-html/
│   ├── HTML_ass_1
│   ├── HTML_ass_2
│   ├── HTML_ass_3
│   └── HTML_ass_4

├── 2-css/
│   ├── css-ass-1
│   ├── css-ass-2
│   └── css-ass-3

├── 3-tailwind-css/

├── javascript/

├── node-js/

└── react/

🚀 Learning Path & Progress

Frontend

• HTML — Semantic structure, forms, tables, iframes, multi-page layouts
• CSS — Styling, layouts, flexbox, grid, responsiveness
• Tailwind CSS — Utility-first styling (currently learning)
• JavaScript — Logic, DOM manipulation, ES6+, events, async/await
• Git & GitHub — Version control workflow (ongoing)
• React — Components, hooks, state management, routing

Backend

• Node.js — Runtime fundamentals, modules, file system
• Express.js — Building REST APIs, middleware, routing
• Databases (SQL) — MySQL / PostgreSQL basics, queries, joins
• Databases (NoSQL) — MongoDB, Mongoose
• APIs — REST principles, testing with Postman

Full-Stack & Deployment

• MERN Stack — Combining MongoDB, Express, React, Node
• Version Control Deployment — Hosting on Vercel/Netlify (frontend), Render/Railway (backend)
• Real-world Projects — Building complete apps end-to-end

🎯 Goal

To build a strong, practical understanding of full-stack development by consistently practicing each concept before moving to the next — and eventually build complete, real-world projects using the full stack.

🛠️ Tech Stack (so far)

HTML5 CSS3 Tailwind CSS JavaScript Node.js React

📈 Status

🟢 Actively learning and updating this repo regularly as I progress through the curriculum.

---

This repo is a work in progress — expect frequent commits as new topics are covered.