Welcome to my JavaScript Projects Repository!
This is a growing collection of real-world JavaScript projects built with π‘ creativity, π knowledge, and π¨ hands-on problem solving. Every project here is a step in my journey to master core web development using Vanilla JS, HTML, and CSS β no frameworks, just raw logic and clean code.
π± Currently adding projects β this repo will expand to 20β30 unique builds!
After revisiting and deeply understanding JavaScript, I committed to building real projects that:
- π Strengthen my fundamentals through real-world scenarios
- π¬ Teach me how to debug, refactor, and optimize
- π― Prepare me for internships, hackathons, and product-based placements
- π Showcase my work to the world β the right way
- Language: JavaScript (ES6+)
- Frontend: HTML5, CSS3
- APIs: Fetch API, Axios (where applicable)
- Storage: localStorage, sessionStorage
- Tools: Git & GitHub, VS Code, Live Server, Postman
| Project Name | Description | Demo |
|---|---|---|
| Counter App | Interactive counter with increment, decrement & reset | Coming Soon |
| Quiz App | Score-tracking quiz app with timer and dynamic questions | Coming Soon |
| Weather App | Fetches real-time weather data from an API | Coming Soon |
| Notes App | Add/delete/save notes with localStorage support | Coming Soon |
| Calculator | Functional calculator using JS logic and input handling | Coming Soon |
| Password Generator | Strong password generator with customizable options | Coming Soon |
| Drum Kit | Play drums using keyboard events and sound effects | Coming Soon |
| Todo List | Task tracker with persistent state via localStorage | Coming Soon |
| Typing Speed Tester | Calculates typing speed and accuracy in real-time | Coming Soon |
| Digital Clock | Live clock with 12/24-hour format toggle | Coming Soon |
| ...more coming soon... |
ποΈ Each project folder contains:
index.htmlstyle.cssscript.jsREADME.mdwith explanation (where applicable)
Clone the repo and run any project locally:
git clone https://github.com/sourav-kumar-357/JavaScript-projects.gitThen navigate into any folder and open index.html in your browser (preferably using Live Server for best results).
- Mastering DOM manipulation
- Working with JavaScript events and async flow
- Using real-world public APIs
- Practicing localStorage for persistence
- Writing clean, maintainable, and modular JS code
- Add 20β30 full projects β
- Write detailed README files for each project π
- Deploy top projects using GitHub Pages π
- Track progress publicly on GitHub π
- Use these projects in hackathons & resume π
I'm always open to tech conversations, feedback, and collaboration ideas!
"Code is not just written β it's crafted, tested, and improved over time."
This repository is my playground to do exactly that. Thanks for visiting! π