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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user