100_DAYS_OF_100_WEBPROJECTS🚀

Welcome to 100_days_100_web_project – a challenge-based repository to learn and practice web development by building 100+ mini projects using HTML, CSS, and JavaScript. This journey goes from basic to intermediate level with fun and interactive web applications!

---

📁 Project List

Day	Project Name	Folder Link	Description
DAY-1	TODOLIST	TODOLIST	Task manager app
DAY-2	DIGITAL CLOCK	DIGITAL CLOCK	Real-time digital clock
DAY-3	Weather App	Weather APP	Real-time weather information using OpenWeatherMap API
Day 4	Calculator	Link	Basic calculator functionality
DAY-10	MEMORY CARD GAME	Memory Card Game	Memory Card Matching Game

| Day 100+ | Coming Soon | 🚧 | 🚧 |

📌 Projects will be updated daily. Bookmark this repo and check back often!

---

🎯 Goals

• 💡 Improve HTML, CSS & JavaScript skills
• 🧠 Develop problem-solving ability through UI/UX logic
• 🛠 Build a strong developer portfolio
• 🌐 Publish projects on GitHub Pages or Vercel
• 🧩 Collaborate and contribute as a community

---

🛠 Tech Stack

Technology	Role
💻 HTML	Page Structure
🎨 CSS	Styling & Layout
⚙️ JavaScript	Logic & Interactions

🧑‍💻 Contributor Guidelines

Please follow these steps carefully while adding your project to ensure everything works smoothly:

✅ 1. Add Your Project to projects Array in index.js

• Open the index.js file.
• Locate the projects array.
• Add your project title at the end of the array in quotes, followed by a comma.

const projects = [
  "To-Do List",
  "Weather App",
  "Your New Project", // 👈 Add your title like this
  "BrainBuzz Quizz Website"
];

🔥 Make sure each item is comma-separated. Missing a comma will break the table!

📅 2. Match the Day Number

The Day number is auto-generated based on the order of the project in the array.

So if your project is 6th in the array, it's considered Day 06.

📁 3. Add Project Files in the Correct Folder Go to the public folder.

Create a new folder as: dayXX (replace XX with your Day number).

Place all your project files inside it.

Copy
Edit
public/
  └── day06/
        ├── index.html
        ├── style.css
        └── script.js

🔗 4. Demo Link The live demo link is auto-generated as:

public/dayXX/index.html

So make sure your index.html is correctly placed in that folder.

⚠️ 5. Common Mistakes to Avoid ❌ Missing commas in the projects array

❌ Skipping day numbers or placing projects out of order

❌ Incorrect folder names (like Day6 instead of day06)

❌ Not placing an index.html file inside your folder

🛠 Getting Started

To contribute or run this repository locally:

1. Clone the Repository

git clone https://github.com/rutikakengal/100DAYS_OF_100WEBPROJECTS.git

Thank You for Contributing

Show Your Support

If you like this project, please consider giving it a ⭐️ on GitHub.

Stargazers ❤️

Forkers ❤️