Collection of the small projects built with HTML5, CSS3 & JavaScript. No frameworks or libraries.
| Name | Description | Demo | |
|---|---|---|---|
| 1 | Quote Generator | Random Quote Generator using the Forismatic API with the ability to share to Twitter. | Demo |
| 2 | Infinite Scroll | Infinite photo viewer using Unsplash API. | Demo |
| 3 | Joke Teller | Text to Voice-Based Joke Teller app. | Demo |
| 4 | Picture in Picture | Web application to capture your screen and cast into Picture in Picture Mode. | Demo |
| 5 | Light/Dark Mode | Website example that toggles between light and dark mode. | Demo |
| 6 | Animated Navigation | Website example with animated and responsive navigation. | Demo |
| 7 | Music Player | Simple, yet stylish music player with custom controls. | Demo |
| 8 | Custom Countdown | Custom countdown app that uses local storage to keep the user data. | Demo |
| 9 | Bookmark App | Simple application for bookmarking webistes. | Demo |
| 10 | Video Player | Custom video player with seek, volume, playback speed and fullscreen functionalities. | Demo |
| 11 | Form Validation | Form validation using HTML and JavaScript. | Demo |
| 12 | Spock Rock Game | Rock Paper Scissor Lizard Spock game. | Demo |
| 13 | NASA API Pictures | Check out random NASA Astronomy Pictures of the Day. | Demo |
- Open Terminal and change the current working directory to the location where you want the cloned directory to be made.
- Download the repository using the instruction.
- Open the directory with the files downloaded, go to the project folder and open the
index.htmlfile. All done.
javascript-projects └── `project-folder` └── index.htmlPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Licensed under the MIT license.