Mathieu Moran
0072e57abc
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
31 lines
835 B
Markdown
31 lines
835 B
Markdown
# RateMyBrick 🧱
|
|
|
|
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
|