Skip to content

Showcasing projects that I've built from scratch using HTML, CSS and plain JavaScript.

Notifications You must be signed in to change notification settings

kimberlywanst/vanilla-javascript-projects

Repository files navigation

Vanilla JavaScript Projects

Showcasing projects that I've built from scratch using HTML, CSS and plain JavaScript.
👉🏻 View all live demos

JavaScript projects showcase


A website that displays a random background colour each time "Change colour" button is clicked.

Background Colour Picker 👉🏻 View live demo


Guess the correct number between 1 and 30. You only have 5 guesses before it's game over! How many rounds can you win without any losing streak?

Number Guessing Game 👉🏻 View live demo


A double slider with both sign up and login form.

Sliding sign up & login form 👉🏻 View live demo


A popup windows appears when a button is clicked. Clicking on "X", "esc" button or outside of modal will close the popup.

Popup Modal Window 👉🏻 View live demo


Players take turns to roll a single die as many times as they wish, adding all roll results to a running total, but losing their gained score for the turn if they roll a '1'.

Pig dice game 👉🏻 View live demo


30 photos of different sizes are generated using CSS grid. An outlay appears when an image is clicked.

Photo gallery 👉🏻 View live demo


When a corresponding key is hit on the keyboard, two things will happen:

  1. The drum sound associated with that key will be played
  2. Short animation highlights which key was pressed

Keyboard drum kit 👉🏻 View live demo


Minimal banking app 👉🏻 View live demo


Log workouts based on current location using Leaflet library and OpenStreetMap. Existing workouts are saved using local storage.

Workout Mapper 👉🏻 View live demo

About

Showcasing projects that I've built from scratch using HTML, CSS and plain JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published