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 completed projects:
- Weather App
- To-do List App
- quiz App
- Music Player
- Text to Speech
- Toast Notification
- Drag Drop
- Password Show-Hide
- Launching details page
- Email push-in googleSheet
- Dominant color extractor
- Password Strength Checker
- Calculator
- Image-Editor
- Subscription UI
- List Maker
- Attendance Maker
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/Ravi-Ranjan-Sharma-droid/30-javaScript-project.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