Devlog 8

SAVED RECIPES, achievements, new icons, haptics and MORE

With the redesign of the profile page in the last devlog, I had one more key page to rework: the saved recipes page. Previously, it was a really ugly list of recipe names inside boxes, and that was about it. So I started by routing the profile saves button to a new “Saves Home” page with different recipe categories (Sweet Treats, Quick Snacks, etc.). I then made the AI generating the recipes also classify which categories the recipe fits into. These category cards go to the page and display the actual recipes when clicked. So I made a new recipe card component (looks much nicer and includes details and a photo instead of just the title) and filtered the recipes to display the correct ones based on which category card was clicked.

A bonus feature I decided to add was achievements. I set up the area for them in the last devlog, and this time I worked on coming up with them and displaying them on the profile. I realized, however, that the emojis I was using weren’t going to cut it for this, so I went on a hunt for a nice 3D icon pack. I ended up finding a few icon packs that were similar enough to use across the entire app. And so, I migrated to these new 3d icons next, which I think made the app look a lot more polished. I also decided to go through some bugs, fix them and add missing haptic feedback across the app.

Here are some screenshots of achievements and the save pages (in dark mode cuz i like it)!