vanilla-js-challenge

🧠 Vanilla JavaScript Challenge

This repo tracks my journey building small projects using only HTML, CSS, and Vanilla JS β€” no frameworks, just pure JavaScript.


πŸ“… Projects So Far

  1. Drum Kit – Play drum sounds with keyboard events.
  2. FastFingers - Typing Speed Tester – Test your typing speed, accuracy, and mistakes in real-time.
  3. Update CSS Variables with JS – Dynamically change CSS variables (like spacing, blur, and colors) using JavaScript.
  4. Random Quote Generator – Display random inspirational quotes with the author’s name and copy-to-clipboard functionality.
  5. Password Strength Checker – Check password strength in real-time with visual indicators and validation rules.
  6. Countdown Timer – Set a future date and time to display a live countdown in days, hours, minutes, and seconds, showing a final message when time is up.
  7. Music Player – A simple music player with play, pause, next, and previous buttons, progress bar, and song title display.
  8. Guess My Number – A simple number guessing game where the player tries to guess a randomly generated number with feedback on too high, too low, or correct guesses.
  9. Dice Game – A fun dice rolling game where two players take turns rolling a dice. Players can accumulate scores, but rolling a 1 resets their current round score. The first player to reach the target score wins.
  10. Word Counter – A simple app that counts the number of words entered into a text area, helping users quickly measure text length.

More projects coming soon!


πŸš€ How to Run

  1. Clone the repo:
    git clone https://github.com/surafel9/30-day-vanilla-js-challenge.git
    
  2. Open any project folder and launch index.html in your browser.