WebDevIn100_Days🚀

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!

---

---

📖 Table of Contents

• About
• Open Source Programs
• Live Website
• Project List
• Project Structure
• Goals
• Tech Stack
• Getting Started
• How to Contribute
• Show Your Support

---

🚀 Open Source Programs

This project is submitted under the following open source programs:

• 🌟 GirlScript Summer of Code (GSSoC)
• 🌐 Social Summer of Code (SSoC)

We are proud to be contributing as part of these amazing communities!

---

🌐 Live Website

👉 Explore all the projects here:
🔗 Visit Live Demo

---

📁 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	Calculator	Link	Basic calculator functionality
...	...	...	...
Day 100+	Coming Soon	🚧	🚧

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

---

📁 Project Structure

WebDevIn100_Days/
├── .vscode/                      # VS Code workspace settings
│   └── settings.json
│
├── public/                       # Public assets and mini-projects
│   ├── Budget-Tracker/                 # game
│   │   └── index.html
│   └── Days 1...                       # Games files
│
├── scripts/                       # JS scripts for project logic
│   └── app.js 
│                      
├── styles/                        # CSS styles
│   └── All files of .css
│
├── .gitignore                     # Git ignore rules
├── 404.html                       # Custom 404 page
├── CODE_OF_CONDUCT.md             # Contributor guidelines
├── contributors.html              # Contributors page
├── index.css                      # Main styles
├── index.html                     # Main html
├── index.js                       # Main JavaScript entry
├── README.md                      # Project documentation
├── LICENSE                        # License information
├── script.js                      # Additional JS logic (e.g., navbar)
└── site.webmanifest               # PWA manifest file

---

🎯 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

🛠 Getting Started

To contribute or run this repository locally:

1. Clone the Repository

git clone https://github.com/your-username/WebDevIn100Days.git

---

🤝 How to Contribute

1. Fork the repository. https://github.com/ruchikakengal/WebDevIn100_Days
2. Clone your fork : https://github.com/your-username/WebDevIn100Days.git
3. Create a new branch for your mini-project or contribution : fect/fix/add
4. Add your project inside the appropriate folder (e.g., public/Day-XX-ProjectName/)
5. Commit your changes :

git add .
git commit -m "Add Day-XX: Project Name" 

6. Push to your fork and create a pull request on the main repo.
7. Wait for review and feedback!

See CONTRIBUTORS.html and CODE_OF_CONDUCT.md for our guidelines.

---

Show Your Support

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

Stargazers ❤️

Forkers ❤️

Thank You For Contributing to Our Project!