built with ai (cursor/claude)

tinder clone for rating bricks

16 brick images, swipe left/right functionality
match modal with profile pics auto-dismisses after 2s
background image fades in on swipe
end screen with youtube video link
styling and animations

complete joke website but functional
This commit is contained in:
Mathieu Moran
2025-12-28 04:28:01 -05:00
parent 8667fd5d84
commit 0072e57abc
23 changed files with 1240 additions and 3 deletions
+27 -3
View File
@@ -1,6 +1,30 @@
# RateMyBrick
# RateMyBrick 🧱
When you don't know if your brick is fabulous.
A Tinder-style app for rating bricks! Swipe right if you like a brick, left if you don't.
🧱
When you don't know if your brick is fabulous. 🧱
## Features
- Swipe cards left or right (or use buttons)
- Match animation when you like a brick
- Track your liked bricks
- Simple, clean Tinder-like UI
- No database required - uses JSON file for brick data
## How to Use
1. Open `index.html` in your web browser
2. Swipe cards left (nope) or right (like)
3. Or use the buttons at the bottom
4. See how many bricks you've liked!
## Adding More Bricks
Edit `bricks.json` or the `bricks` array in `script.js` to add more bricks. Each brick needs:
- `id`: Unique number
- `name`: Brick name
- `image`: URL to brick image or local path
- `description`: Fun description
- `color`: Brick color
- `texture`: Brick texture