๐ฏ 100 Days of JavaScript Projects
Welcome to my 100 Days of JavaScript Projects challenge! ๐
This repository is a comprehensive collection of 100 unique JavaScript mini-projects created over 100 days. Each project is crafted using vanilla JavaScript, HTML5, and CSS3, focusing on real-world use cases, interactive UI, and reusable logic. This repo is perfect for developers looking to strengthen their frontend development skills and build a JavaScript portfolio.
๐ Why This Challenge?
- ๐ Improve JavaScript skills with practical coding
- ๐ฏ Build portfolio-ready projects
- ๐ง Practice problem-solving and logical thinking
- ๐ Build consistency and discipline
๐๏ธ JavaScript Projects List
| Day | Project Name | Live Demo |
|---|
| 01 | JavaScript Quote Generator | Live |
| 02 | Javascript Modal Window | Live |
| 03 | Javascript Infinite Scroll | Live |
| 04 | Javascript Digital Clock | Live |
| 04 | Javascript Digital Clock | Live |
| 05 | Navigation Ui Animation | Live |
| 06 | Javascript Picture In Picture | Live |
| 07 | Javascript Custom Countdown | Live |
| 08 | Javascript Analog Clock | Live |
| 09 | Javascript Crypto Price App | Live |
| 10 | Javascript Gradient Generator | Live |
| Day 11 To 20 | Repo โ๏ธ | Live |
| Day XX To XX | Coming Soon | Visit |
| ... | ... | ... |
| Day 91 To 100 | Coming Soon | Visit |
๐ ๏ธ Tech Stack & Tools
- HTML5
- CSS3 (Responsive Design)
- JavaScript ES6+
- LocalStorage & Fetch API
- Optional: GSAP, and other JS libraries
๐ Folder Structure
100-days-javascript/
โโโ Day-01-quote-generator/
โ โโโ index.html
โ โโโ style.css
โ โโโ script.js
โโโ Day-02-.../
โโโ ...
โโโ README.md
๐ How to View Projects Locally
- Clone this repo:
git clone https://github.com/Priyanshu-WebDev-io/100-Days-Of-Javascript/
- Navigate to a specific project folder:
cd Your Folder Name
- Open
index.html in your browser or launch with Live Server in VS Code
๐ข Social Media & Content Sharing
Follow and support the challenge on:
๐ค Contributing
This is a personal challenge but open to suggestions. Feel free to fork, star โญ this repo, or raise an issue if you find a bug or want to collaborate.
๐ License
Licensed under the MIT License โ use, share, and learn freely.
Made with ๐ by Priyanshu Kumar