Hei again! Just wanted to post a quick update on "Catalog" — my project for finding those long-lost middle school friends.

I just recorded a demo to show the "messy middle" of my workflow. Since my goal is to eventually bring this to life with my software engineering background, I really wanted to push the technical side of this challenge. I used the Flowstep MCP integration in Cursor to inject a strict, calm design system directly into the canvas. I want this app to feel nostalgic and safe, not like a noisy, complicated social media feed.

Of course, building is never perfect on the first try! The AI got a bit too excited and over-delivered by creating a few duplicate flow screens. So, I jumped into the Flowstep canvas, cleaned up the architecture, and then exported all the native layers straight into Figma. Now, all the connections are manually wired up and you can see the fully clickable flow working beautifully on an iPhone 14 demo!

Also, thinking ahead about how this would actually function in the real world: safety is the biggest hurdle. In the video, I talk a bit about the product vision. To make this safe, the real backend would use an API integration (like Instagram OAuth) to verify someone's identity before revealing any sensitive contact details or phone numbers. It's the only way to make sure you are actually talking to your old desk mate.

It's almost 6 AM here and I’ve been up all night building this, but seeing the prototype finally come alive and clickable in Figma makes it all worth it. I'm going to get a few hours of sleep and then I'll post the official final submission later today.

Hope you guys like the demo so far! Flowstep link: https://app.flowstep.ai/file?activeFileId=df531572-26cc-49ef-986a-40cbbf6bbee5