Welcome to my 30-Day JavaScript Project Challenge! Over the next 30 days, I will build 30 unique and practical mini-projects using only HTML, CSS, and Vanilla JavaScript — no libraries, no frameworks.
Each day is dedicated to building one useful project that helps reinforce key concepts like DOM manipulation, event handling, and responsive design.
This 30-day journey is meant to:
- Sharpen my JavaScript (ES6+) skills
- Deepen my understanding of core web technologies
- Build a strong, real-world project portfolio
- Boost consistency, creativity, and discipline
- HTML5
- CSS3 (Flexbox, Grid, Animations)
- JavaScript (ES6+)
No frameworks. No libraries. Just raw, clean code.
Here’s the list of planned or completed projects:
I’ll keep updating the list with links and live demos after completing each day’s project.
- Clone this repository:
git clone https://github.com/your-username/30-Days-JS-Projects.git- Navigate into a specific project:
cd 30-javaScript-projectI will add GIFs or screenshots for each project once it's completed!
Have feedback, suggestions, or cool ideas? Open an issue or submit a PR. Let’s learn together!
This project is open source and licensed under the MIT License. click here to read license