Mathieu Moran 0072e57abc 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
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00
2025-12-28 04:28:01 -05:00

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
S
Description
No description provided
Readme
960 KiB
Languages
JavaScript 45.9%
CSS 35.9%
HTML 18.2%