91bcaea90ae3968d94f89a20364ff46790a73a89
prevented body scroll when modal shows viewport units and mobile responsive fixes overflow hidden on body/html when match popup active mobile media queries for smaller screens terry davis would be proud of this viewport handling
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
- Open
index.htmlin your web browser - Swipe cards left (nope) or right (like)
- Or use the buttons at the bottom
- 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 numbername: Brick nameimage: URL to brick image or local pathdescription: Fun descriptioncolor: Brick colortexture: Brick texture
Languages
JavaScript
45.9%
CSS
35.9%
HTML
18.2%