🚀 Frontend-Mini-Projects-TOTAL(10)

This repository contains a collection of frontend mini projects that I built while learning HTML, CSS, JavaScript, Bootstrap, and DOM manipulation.

These projects helped me strengthen my fundamentals and gain hands-on experience by building real, working UI components.

---

🧠 What I Learned

• Structuring web pages using HTML
• Styling responsive layouts with CSS & Bootstrap
• Core JavaScript fundamentals
• DOM manipulation & event handling
• Debugging and improving UI behavior

---

📂 Projects Included

1️⃣ Random Number Generator

📁 Project-01_Random-Number-Generator

• Generates random numbers using JavaScript

🖼 Screenshot:

---

2️⃣ To-Do List

📁 Project-02_ToDo-List

• Add and delete tasks
• DOM manipulation practice

🖼 Screenshot:

---

3️⃣ Wiki Page Clone

📁 Project-03_Wiki-Page

• Static UI inspired by a wiki layout

🖼 Screenshot:

---

4️⃣ DOM Practice Project

📁 Project-04_DOM-01

• Practiced selecting and updating DOM elements

🖼 Screenshot:

---

5️⃣ Bootstrap Layout – 01

📁 Project-05_Bootstrap-01

• Responsive layout using Bootstrap

🖼 Screenshot:

---

6️⃣ Bootstrap Layout – 02

📁 Project-06_Bootstrap-02

• Improved Bootstrap components

🖼 Screenshot:

---

7️⃣ Navigation Menu Bar

📁 Project-07_MenuBar

• Responsive navigation menu

🖼 Screenshot:

---

8️⃣ Pet Adoption Page

📁 Project-08_Pet-Adoption-Page

• Landing page UI

🖼 Screenshot:

---

9️⃣ Quora Page Clone

📁 Project-09_Quora-Page

• UI clone inspired by Quora

🖼 Screenshot:

---

🔟 Guessing Game (JavaScript)

📁 Project-10_Guessing-game-js

• Number guessing game using JavaScript logic

---

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript
• Bootstrap

---

📌 How to Run

1. Open any project folder
2. Open index.html in a browser
3. No setup required

---

🙌 Author

Vinay
Aspiring Software Engineer
Focused on building strong fundamentals and real-world projects.

📧 Email: vinayduba.cs@gmail.com
🌐 GitHub: https://github.com/vinay-d9