https://github.com/gazdagb/colored-tiles

A minimalist rage game that tests your speed, focus, and patience. Hover, match, click — sounds easy, right? Think again. 😅
https://github.com/gazdagb/colored-tiles

browser-game color-game fun-project gamedev hover-click html-css-js javascript minimalist-game puzzle-game reaction-time tile-game vanilla-js

Last synced: 10 months ago
JSON representation

A minimalist rage game that tests your speed, focus, and patience. Hover, match, click — sounds easy, right? Think again. 😅

• Host: GitHub
• URL: https://github.com/gazdagb/colored-tiles
• Owner: GazdagB
• Created: 2024-08-07T17:03:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-05T17:19:13.000Z (about 1 year ago)
• Last Synced: 2025-05-16T06:12:14.533Z (about 1 year ago)
• Topics: browser-game, color-game, fun-project, gamedev, hover-click, html-css-js, javascript, minimalist-game, puzzle-game, reaction-time, tile-game, vanilla-js
• Language: JavaScript
• Homepage: https://160tiles.netlify.app/
• Size: 1.55 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎨 Colored Tiles – A Fast-Paced Color Reaction Game

Colored Tiles is a minimalist browser game where quick reflexes and visual focus are the key.It's kindof a rage game. Testes your patience too. Hover over tiles to reveal colors — and click only when it's your color. Simple? Yes. Easy? Not quite.

[👉 Play it live here](https://160tiles.netlify.app/)

## 🧠 How to Play

* The game board contains 160 tiles.

* Hovering over a tile changes its color randomly.

* You're assigned a target color at the start.

* Only click tiles when they match your target color.

* The game tracks your click count and starts a timer as soon as you begin.

* Your goal: Finish all 160 tiles with the fewest clicks and fastest time.

## 📸 Screenshots

![alt text](/assets/images/gamescreen.png)

![alt text](/assets//images/playing.png)

![alt text](/assets/images/won.png)

## 👨‍💻 Made by

[Gazdag Balázs](https://github.com/GazdagB) – Just a dev who enjoys making fun, quirky, and brain-tickling games in the browser.

## 🛠️ Tech Stack



  

  

  

  

  

  



- **HTML5** – Structure of the game board and elements  

- **CSS3** – Styling for layout, tiles, hover effects, and responsiveness  

- **Vanilla JavaScript** – Game logic, random color generation, timer, and interaction handling  

- **Netlify** - For deployement of the website

## 💡 Future ideas

- If won a random funny caricature will appear from an artist. 

- Make a backend and login for leaderboards.