Skip to content

Collection of the small projects built with HTML5, CSS3 & JavaScript. No frameworks or libraries.

License

Notifications You must be signed in to change notification settings

tinawebdev/javascript-projects

Repository files navigation

JavaScript Projects

Collection of the small projects built with HTML5, CSS3 & JavaScript. No frameworks or libraries.

HTML5 CSS3 JavaScript MDN Web Docs

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.