Vanilla JavaScript Projects
Showcasing projects that I've built from scratch using HTML, CSS and plain JavaScript.
👉🏻 View all live demos
1. Background Colour Picker 🎨
A website that displays a random background colour each time "Change colour" button is clicked.
2. Number Guessing Game 🎲
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?
3. Sliding Sign Up & Login Form
A double slider with both sign up and login form.
4. Popup Modal Window
A popup windows appears when a button is clicked. Clicking on "X", "esc" button or outside of modal will close the popup.
5. Pig Dice Game 🎲
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'.
6. Photo Gallery 📸
30 photos of different sizes are generated using CSS grid. An outlay appears when an image is clicked.
7. Keyboard Drum Kit 🥁
When a corresponding key is hit on the keyboard, two things will happen:
- The drum sound associated with that key will be played
- Short animation highlights which key was pressed
8. Minimal Banking App 💰
9. Workout Mapper 📍
Log workouts based on current location using Leaflet library and OpenStreetMap. Existing workouts are saved using local storage.
