Thinking about HStack VStack

Hello! I've been watching some SwiftUI tutorials recently (shoutout to Sean Allen) where I got to understand how UI elements are placed around the screen. using HStacks and VStacks.

Observations

As I was prototyping in Figma, the HStack and VStack processes made me conscious of how I would code each view based on the positioning of my elements. This whole process reaffirmed my opinion that most UX designers and digital designers should have some sort of coding knowledge, making the bridge between designers and developers even stronger.

What should happen next

The second screen will allow my users to select their desired unit of measurement and input their bottle size into the app. I will write a function that will change the unit after the Double number based on what the user has picked. For example, if the user picked ml - XXXXml, or if the user picked oz - XXXoz.

Secondly, the reminders will be automatically set based on the notion that a gulp of water equates to around 200ml of water. The numbers in my screenshot are random, but in the case that we have above if a user would like to drink a bottle worth 1000ml they'd have to drink that 5 times a day. Again this is a speculative way of tracking, it should become habit rather than precise science.

I am not sure if this is possible yet, but I will make the notifications spread throughout the day based on the number of reminders, so we won't have the notifications concentrated on just one part of the day if the number of reminders is low.

Upon pressing Confirm, the user will be prompted to accept notifications from the app before they can go to the Today View.

Lastly, I need to figure out how to spawn different steppers based on the amount of reminders, each stepper is a reminder, if the user checks into the app, the SF Symbol will turn green, and the bar will start filling.

I am having lots of fun and I can't wait to write the next update with a workaround for the steppers and some actual code.