🌐 Web Development Projects Collection

This repository contains a collection of 30 mini web development projects built using HTML, CSS, and JavaScript. Each project focuses on a specific concept and helps in strengthening frontend development skills.

---

🚀 Live Demo

👉 https://kaushalraskar20.github.io/WebDevelopment-Project/

---

📂 Project List

🔹 Basic UI Projects

1. Digital Glossary
2. Skill Bar
3. Pricing Toggle
4. Profile Previewer
5. Theme Switcher

🔹 Intermediate UI & DOM Projects

6. Product Gallery
7. Navigation Bar
8. Photo Gallery
9. Drag & Drop List
10. FAQ Accordion

🔹 JavaScript Logic Projects

11. Shopping Cart
12. Calculator
13. To-Do List
14. String Operations
15. Stopwatch

🔹 Advanced Mini Projects

16. Quiz App
17. Product Filter
18. Notes App
19. Resume Webpage
20. Registration Form

🔹 Layout & Data Visualization

21. Weekly Timetable
22. Blog Layout
23. Portfolio Website
24. Image Gallery with Filter
25. Bar Chart
26. Pie Chart

🔹 Real-world Applications

27. Weather Dashboard
28. Student Performance Dashboard
29. Student Record System (MongoDB)
30. Event Registration System

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• MongoDB (for selected projects)

---

📁 Folder Structure

WebDevelopment-Project/
│
├── 01_digital_glossary/
├── 02_skill_bar/
├── 03_pricing_toggle/
├── ...
├── 30_event_registration/

---

💡 Purpose of This Repository

• Practice frontend development concepts
• Build a strong project portfolio
• Prepare for interviews & hackathons
• Improve problem-solving using JavaScript

---

📌 How to Use

1. Clone the repository:

git clone https://github.com/Kaushalraskar20/WebDevelopment-Project.git

2. Open any project folder
3. Run index.html in your browser

---

👨‍💻 Author

Kaushal Raskar Third Year Computer Science Student

---

⭐ If you like this repo

Give it a ⭐ on GitHub!

---