How would you do......a minute counting timeline

Actions & Logic

I'm building an app that is a cooking timer. Not recipes, or particularly about the food, but it allows you build a complex set of timers and have them finish at the same point....a la cooking.

Everything is in place, choose all your food and times and builds into appstate like a basket. Then the user starts cooking and it ticks through the timer, instructing the user what they need to do what point.....Up Next, Boil the pasta. A dotted line would move down the page in accordance with the time passing to show which blocks of actions are coming up next.

I've built the basic UI of the active timer experience but I'm racking my brains trying to think about how I actually build the active timer page. Should convert the app state cooking times into a matrix? My flutterflow knowledge is growing but this one might use things I don't know about yet.

Any help or thoughts would be greatly appreciated.

What have you tried so far?

It's more of a questions for ideas that I can then looking to, but I've scoured the community for similar problems and the marketplace. Tried doing a few simple attempts with customer functions but I'm not sure the best thing for the function to build.

Sceenshots below....ignore the design.....just piecing the functionality together first.

Did you check FlutterFlow's Documentation for this topic?
Yes
2
4 replies