JavaScript Projects

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
14	Calculator	Simple calculator to add, subtract, multiply and divide numbers.	Demo
15	Paint Clone	A paint clone app with HTML canvas.	Demo
16	Github User Data	Fetch profile user data from GitHub.	Demo

How to use

• 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.html file. All done.

javascript-projects
└── `project-folder`
    └── index.html

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

Licensed under the MIT license.