18 bite-sized browser games and tools — all built with HTML, SCSS, and vanilla JavaScript.
No frameworks, no sign-ups, no installs. Just click and play.
Built for learning, tinkering, and having a bit of fun.
| # | Project | Description |
|---|---|---|
| 1 | Breakout | A classic Breakout game where you control a paddle to bounce a ball and break bricks. |
| 2 | Calculator | A functional calculator that can perform basic arithmetic operations. |
| 3 | Clock | A digital and analog clock showing current time with smooth animations. |
| 4 | Connect Four | The classic Connect Four game — line up four discs vertically, horizontally, or diagonally. |
| 5 | Dice Duel | Test your luck against a friend in a head-to-head dice duel. |
| 6 | Dice Roller | Roll virtual dice with animation and see random results, perfect for board games. |
| 7 | Finspan Scoreboard | Convenient and simple scoreboard for the Finspan board game. |
| 8 | Frogger | A Frogger-style game where you guide a frog across a busy road and river. |
| 9 | Memory | A memory card game where you find matching pairs of cards. |
| 10 | Rock Paper Scissors | Play the classic Rock, Paper, Scissors game against a friend. |
| 11 | Space Invaders | A Space Invaders clone where you shoot waves of moving aliens. |
| 12 | Stopwatch | A stopwatch with start, stop, and lap time functionality. |
| 13 | Tarot Reader | Virtual Tarot Reading — do you wish to know your fate? |
| 14 | Tic Tac Toe | The classic Tic Tac Toe game, play against a friend. |
| 15 | Time Calculator | A tool to add or subtract time from a given date and time. |
| 16 | Truth or Dare | A digital version of the classic party game Truth or Dare. |
| 17 | Wellness Calculator | Simple and effective wellness calculator at your convenience. |
| 18 | Whack a Mole | Test your reflexes by whacking moles as they pop up from holes. |
- Interactive and user-friendly interfaces
- Responsive designs for desktop, tablet, and mobile
- No installations, sign-ups, or frameworks required
- Each project is self-contained in its own folder
- Search and filter on the homepage to quickly find projects
gloomcaller.github.io/Mini-JS-Projects
- Clone the repo:
git clone https://github.com/Gloomcaller/Mini-JS-Projects.git - Open the root
index.htmlto browse all projects, or dive into any folder and open itsindex.html.
- Live Server – preview changes instantly (VS Code extension)
- Live Sass Compiler – watch and compile SCSS to CSS (VS Code extension)
- HTML — Structure and layout
- CSS / SCSS — Styling, animations, responsive design
- JavaScript — All logic, interactivity, and game mechanics
- JSON — Project data and configuration
Pull requests are welcome! You can contribute new projects, improvements, or bug fixes.
MIT — see the LICENSE file for details.