Vanilla JS

Collection of different basic vanilla JavaScript projects

coded with basic JavaScript skills (along with some HTML and CSS). By looking at the source code for each of these simple JavaScript projects we'll start to understand how we can build a new version of the same idea, or build on the original open-source code to add your own twists and tweaks.

hero
background

Background Color Picker

Here, we can change the Background color and see that color code

View Demo
counter

Counter

In this project, we can Increase, decrease and reset the numbers.

View Demo
reviews

Reviews

Here we can see the different client reviews and even see the radom one.

View Demo
menu

Menu

In this project, we can see different menu items and choose that item according to the category.

View Demo
weather

Weather App

Weather app in Vanilla Javascript, CSS, and HTML. I use the Open Weather Map API to make calls to a restful API to return the current weather data.

View Demo
calendar

Calendar

A simple, lightweight, vanilla JavaScript calendar that allows you to filter dates, set events in a particular date, enable/disable past dates, and much more.

View Demo
quize-app

Quize App

This application will be able to load questions from a 3rd party API, track and display high scores, save high scores in Local Storage and so much more

View Demo
movie-app

Movie App

This is a simple movie app that uses The Movie Database API to fetch data and we can also search for movies and watch the trailer.

View Demo
tetrisgame

Tetris Game

This is a simple no nonsense version of Tetris game made up of different JavaScript functions and basic html/css

View Demo