React provides some very handy tools and shortcuts to build interactive web apps. One of those is the use of state in components to manage data. Using state, we can render our components (or not render them!) depending on whether certain conditions are met.
Inspired by the easy dynamic rendering that React provides, I decided that for this build, I wanted to challenge myself to create a game. Not a complex one, at least not for my first try at making a game. I settled on memory, like the classic game of flash cards. Simple, right? Think again…
For this project, I decided to seize on my love of cooking to create an app that would make my life a little easier. I can’t count the number of times I’ve stared at the fridge, thinking, “what am I going to do with this… (whole chicken, bag of potatoes, massive jar of strawberry jam, you name it)?”
In our Sinatra unit, one of the main things I remember hearing over and over was “keep logic out of the controller”. It would save us work and time, they said. Fair enough, but when it came time to build my Sinatra project, that didn’t seem to be the case. Going through all my code, refactoring views and controllers, looking for repetition and places to shorten my code and then move it all to separate files… In truth, it was a lot more work than just leaving it be!
Having just finished up the coding on my Sinatra project (or so I thought…), I took one final walkthrough of the app in my browser.