VanillaJs Mini Projects ☀️

Mini javaScript web projects without using any framework :)

1. Snake Game

• Build A Classic Snake Game With Respondsive UI.
• Simple, attractive and easy to play.
• Without using CSS Canvas.
• WEBSITE LINK: https://blackcodding.github.io/Snake-Game/

Screenshot Bellow 👇

2. Calculator

• Build a simple Calculator with attractive UI.
• Implemented dark and light mood.
• WEBSITE LINK: https://blackcodding.github.io/Calculator/

Screenshot Bellow 👇

3. Simple Dice Game

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

Screenshot Bellow 👇

4. Stone Paper Scissor Game

• A 2 player classis Stone Paper Scissor game.
• A simple, light and responsive UI
• Play against CPU :)

Screenshot Bellow 👇

5. Music Player

• Music player - Made with HTML, CSS and Vanila Js.
• A simple, light and responsive UI
• Attractive animations on response.
• WEBSITE LINK: https://blackcodding.github.io/Music-Player/

ScreenShots Below 👇

6. Form Validator

• A simple form validator with simple, attractive and responsive UI.
• Responsive video background.
• WEBSITE LINK: https://blackcodding.github.io/Responsive-form-validator/

Screenshot bellow 👇

7. Text-Convertor

• Fast Text to Speech converter.
• Easy to use and fun to have :)
• Simple, Responsive and Attractive UI.
• WEBSITE LINK: https://blackcodding.github.io/Text-Convertor/

Screenshot Bellow 👇

8. Analog-Clock

• Analog clock with accurate time ratio.
• Build a Responsive Analog Clock with attractive UI.
• Accurate hour, minute and seconds ratio.
• Implemented by HTML5, CSS3 and Vanila Js.
• WEBSITE LINK: https://blackcodding.github.io/Analog-Clock/

Screenshot bellow 👇

9. Googl Maps Clone

• Build Google Map's clone by using Mapbox, Geoloction API, Mapbox plugins.
• Searching the distance between two place and their route.
• Proper route guidence for each trafic, driving, walking route.
• Implemented zoom in and zoom out and compas for right directions.
• WEBSITE LINK: https://blackcodding.github.io/Google-Maps-Clone/

Screenshot Bellow 👇