shlogg · Early preview
Nolan Miller @nmiller15

Implementing Roasting Flow In React

Implementing lap timer functionality in Roast app using React & JavaScript. Created Roast class to store data, handled records with logTime function & packaged logic in handleRecordStep().

Another late night with lofi music plaing in my office working on Roast.
Not quite so late as last night, and I spent a good amount of time tonght doing housework, but I made a lot of progress this morning and in my session tonight!

  
  
  The Output


The work today, is the second page in the roast flow. This the meat of the front end functionality. It’s the screen where you actually do the roasting!
I’m very happy with how the animations turned out. The solution was conditionally changing colors, background colors, and font sizes based on the step state that I had already implemented!
The...