Grail-Tracker

🛠️ What did you make?
I built Grail Tracker, which is a fast mobile app for tracking and cataloging high-value collectibles or milestones (your "grails"). Spreadsheets are super annoying to look at, so I made a clean card layout where you can see the item name, description, rarity tier, and timestamp all at a glance. It also saves everything directly to your device's memory, so your list doesn't disappear when you close the app.

🧠 What was challenging?
The hardest part was definitely getting the local saving feature to work right without breaking the app's layout. At first, when I tried passing data around, the UI completely glitched out—buttons were overlapping and clipping behind other elements on the screen. I had to figure out how to make async storage and JSON payloads load up properly on startup, while fixing a bunch of messy CSS flexbox rules so the screen scales normally.

🏆 What are you proud of?
I'm proud of how I used a "vibe coding" setup with Cursor, Claude, and v0 to build this. I acted as the main builder and designer—I chose the style, put all the separate code pieces together, and handled the whole GitHub setup—but I used AI like an assistant to quickly generate the basic layouts and help me look up weird syntax errors. Doing it this way let me ship a fully working app with saving features way faster than doing it completely from scratch.

🧪 What should people know so they can test the project?
Since the app saves everything locally on your device, the best way to see how it works is to watch the short video demo I attached! If you want to check out the actual files or see my hour-by-hour progress, you can look through the public GitHub repo.