🚀 My-Projects

A curated collection of front-end web projects built using HTML, CSS, and JavaScript.

This repository brings together multiple mini-projects and UI experiments into one organized portfolio for learning, practice, and showcasing skills.

🎯 Goal: Learn by building & maintain all projects in a single, structured repository.

---

📌 Highlights

• ✅ 30+ mini projects
• ✅ Beginner to intermediate level
• ✅ Clean folder structure
• ✅ Live-preview friendly (iframe / deploy-ready)
• ✅ One main repo – easy maintenance

---

📁 Repository Structure

My-Projects
│
├── 10 Project
├── 20 Basic Project
├── HTML-CSS-Project
├── Project
|── README.md
└── index.html   (Main Portfolio Page)

---

📌 What’s Inside?

This repository contains multiple project folders, including:

• 10 Projects – Small to medium-level practice projects
• 20 Basic Projects – Beginner-friendly projects to strengthen fundamentals
• HTML-CSS Projects – Frontend UI projects using pure HTML and CSS
• Other Projects – JavaScript and logic-based applications

Each folder represents an independent project with its own source files.

---

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript (ES6+)
• No frameworks – pure fundamentals

---

▶️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/debug-node/My-Projects.git

2. Open the folder in VS Code.

3. Open index.html in your browser
   OR use Live Server extension.

4. Click on any project to see it run.

---

🔗 Special Note: Loan Calculator

• 📁 Path: 10 Project/Loan Calculator
• 🔖 This project is maintained as an individual GitHub repository
• 🔗 Linked using Git submodule
• 🧩 Keeps code modular & reusable

---

🎯 Learning Outcomes

By working on these projects, you’ll understand:

• DOM manipulation
• Event handling
• CSS layouts & animations
• JavaScript logic building
• Project structuring
• Git & GitHub workflows

---

🌱 Future Improvements

• Add project descriptions dynamically
• Auto-generate project list using JavaScript
• Add live demo links
• Improve UI of main portfolio page

---

⭐ Support

If you like this repository, don’t forget to give it a ⭐ on GitHub!

---

📄 License

This project is open-source and free to use for learning purposes.

---

👤 Author

Aditya Kumar
GitHub: debug-node

---