Day 33: Rapid prototyping

I’ve got more progress to report on the modular synth app I’m building. As I mentioned yesterday, I worked on adding a backend to the site, allowing you to save and view creations. I chose to use Supabase as the database since I found it easy to use for both data storage and user login. It’s important to have a tech stack that enables rapid iteration cycles, especially when the app is in its early stages. After today’s changes, you can now save and view a creation from the database, but the user experience is far from intuitive. I’ll work over the coming days to remedy that.

I also felt that the app could use some better design, so I spent the latter half of the day iterating on some ideas in Figma. That also meant learning some of the more “advanced” Figma features like auto-layout and components, which bring their own set of challenges. So far, this is what I’ve come up with:

Hopefully it’s not too hard to translate into code. :)