π§ 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
- Drum Kit β Play drum sounds with keyboard events.
- FastFingers - Typing Speed Tester β Test your typing speed, accuracy, and mistakes in real-time.
- Update CSS Variables with JS β Dynamically change CSS variables (like spacing, blur, and colors) using JavaScript.
- Random Quote Generator β Display random inspirational quotes with the authorβs name and copy-to-clipboard functionality.
- Password Strength Checker β Check password strength in real-time with visual indicators and validation rules.
- 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.
- Music Player β A simple music player with play, pause, next, and previous buttons, progress bar, and song title display.
- 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.
- 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.
- 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
- Clone the repo:
git clone https://github.com/surafel9/30-day-vanilla-js-challenge.git
- Open any project folder and launch index.html in your browser.