🌐 HTML-CSS-JS Complete

---

📖 Introduction

This repository is a comprehensive collection of practice projects, experiments, and exercises I’ve created while learning HTML, CSS, and JavaScript.
It reflects my journey of becoming a frontend developer, starting from basic HTML tags to building interactive projects with JavaScript and APIs.

Whether you're a beginner looking for examples, or just curious about my learning path, this repo will give you a hands-on view of web development fundamentals.

---

🛠️ Tech Stack

• HTML5 → Structure and content of the webpages
• CSS3 → Styling, responsive layouts, animations
• JavaScript (ES6+) → Dynamic behavior, DOM control, API handling
• Git & GitHub → Version control and collaboration

---

🚀 Features Covered

✔️ HTML basics (headings, links, lists, forms, tables)
✔️ CSS fundamentals (selectors, box model, positioning, media queries)
✔️ CSS Flexbox & Grid for responsive layouts
✔️ Animations, transitions & hover effects
✔️ JavaScript basics (variables, loops, functions, ES6 features)
✔️ DOM manipulation (querySelector, innerHTML, classList)
✔️ Event handling (onClick, onChange, key events)
✔️ API handling (JSON, Fetch API, ChatGPT API)
✔️ Mini projects like counters, calculators, styled pages, DOM events

---

🎯 Learning Goals

• Strengthen my understanding of frontend web technologies
• Build projects from scratch using only HTML, CSS, and JS
• Gain practical exposure in DOM handling and API usage
• Create a solid foundation before diving into React.js

---

🖼️ Screenshots / Demo

(Coming soon – will add screenshots of projects here)

---

🗺️ Roadmap

🔹 Short-term:

• Organize each practice folder with a separate README.
• Add screenshots/gifs of projects.
• Write explanations for each project.

🔹 Mid-term:

• Add beginner projects like to-do list, quiz app, form validator.
• Add intermediate projects like weather app, API-based search tool.

🔹 Long-term:

• Convert some projects into React versions.
• Deploy mini projects on GitHub Pages for live demos.

---

📚 Resources Used

• MDN Web Docs
• W3Schools
• FreeCodeCamp
• JavaScript tutorials and practice exercises

---

🤝 Contributing

This is primarily my personal learning repo, but if you find something interesting or want to suggest improvements:

• Fork the repo
• Create a new branch (feature-xyz)
• Commit changes
• Submit a Pull Request

---

👤 Author

• Name: Ratul Banik
• Email: [email protected]
• LinkedIn: linkedin.com/in/ratul-banik1204
• GitHub: rbanik1204

---

✨ This repository is a reflection of my journey as a frontend developer. The more I practice, the more I grow. ✨