deathook007 / JavaScript-Mini-Projects

☀️ 12+ mini JavaScript web projects without using any framework!

JavaScript Mini Projects ☀️

1. Breakout Game (2021)

• Made in canvas API
• A simple and colourfull UI
• Attractive and addictive 19's game - Breakout
• Play, Pause and win!

ScreenShots Below 👇

2. New Hungama game (2020)

• Dark theme design.
• A simple, light and responsive UI
• Fun to play puzzle game.

ScreenShots Below 👇

3. Pig Dice game

• A 2 player Dice game.
• A simple, light and responsive UI
• See the rules and try your luck!

ScreenShots Below 👇

4. Lyrics Finder

• Find all lyrics of a song in a single place.
• Simple attractive and responsive UI
• API used : https://api.lyrics.ovh
• Limit of songs per page : 15 without proxy and unlimited with cors-anywhere (https://github.com/Rob--W/cors-anywhere)
• Made with ES8

ScreenShots Below 👇

5. Custom Music Player

• Customisable video player.
• A simple, light and responsive UI
• Attractive animations on response.

ScreenShots Below 👇

6. Custom Video Player

• Customisable video player.
• A simple, light and responsive UI

ScreenShots Below 👇

7. Analog Clock

• Analog clock with accurate time ratio.
• A simple, light and responsive UI
• Muliple themes implimented : Light, Dark, Halloween, Christmas, Summer and Winter
• New UI :)

ScreenShots Below 👇

8. Toggle Theme

• Black and White theme.
• Simple and attractive motion UI
• Best code practice used

ScreenShots Below 👇

9. Simple Text To Speech Converter

• Simple Tex To Speech Converter using speechSynthesis.
• Features like play, pause and stop are added.
• Resume from where you paused.
• Simple, light and responsive UI

ScreenShots Below 👇

10. Christmas Countdown

• A simple and very attractive UI
• Christmas theme countdown.
• Pic it up and use anywhere u want :)

ScreenShots Below 👇

11. Form Validator

• Validation covered : All fields with extra password length validation.
• Simple, attractive and responsive UI

ScreenShots Below 👇

12. Movie Booking

• A simple, attractive and responsive UI
• Populated UI using local storage.
• Saving data on refresh screen.

ScreenShots Below 👇

13. Simple Map

• Simple map integration using mapbox.
• Direction and navigation API used.
• Create account at https://www.mapbox.com/ for access token.
• Documantation used : https://docs.mapbox.com/mapbox-gl-js/

ScreenShots Below 👇