Ranked Kitchen - Competitive Cooking

Website's Front PAge
Once you click on a recipe, a pop-up appears offering more details
Once start is pressed, all ingredients appear and you can select one by one to check them off.
Example of a step, press the white circle next to it to check it off and continue.
Example of a step with a timer.
Ending of a recipe where experience points are given.

Inspiration

Turning life into a game may seem complicated, but many aspects of our lives can be gamified and made more interesting. We decided to turn cooking into a game, as it is something everyone does everyday and it can get boring at times if new dishes aren't made. We wanted to encourage people to try new recipes by implementing 10 we've chosen into our website.

What it does

Ranked Kitchen makes cooking new recipes less daunting and more encouraging by breaking down recipes into individual steps that can be checked off once complete, and then continues to the next step. It is a service to be used simultaneously while making the dish. It also allows users to check off ingredients before beginning to ensure that they are all available to continue. Once the recipe is completed, users receive experience points based off of how difficult the dish is considered to be, which allows them to level up and eventually hit new ranks, including Bronze Bakers, Silver Slicers, Gold Grillers, Ruby Roasters, Titanium Tenderizers and Diamond Dicers.

How we built it

We used Miro to plan out everything that we wished to include in the project. All recipes were created using .json files, which were used to extract their information and display it onto the website. That information was stored into a database use SQLite, and then Python was used to transform that information to make it available for use in Javascript and the rest of the website.

Challenges we ran into

HTML and CSS were two main issues that were ran into, as they were tedious to organize and get working correctly.

Accomplishments that we're proud of

Planning out and beginning this project more productively, as when we've worked on other projects together, we had many conflicts which wasted time and lead to an unfinished product. This time, we had great communication and work very effectively together, combining our work successfully and not having anyone slack around doing nothing.

What we learned

We solidified our understanding in .json files, HTML, Javascript, SQLite, and Flask.

What's next for Ranked Kitchen

Competitive Cooking - We wanted to allow users to sign into the website and store their information into our database, allowing users to keep their experience points and ranks. We also wanted to include a template that allows users to publish their own recipes onto the website and rate them easy, medium or difficult, which then gives their recipes a set amount of experience points upon completion. This would've required users to include all necessary ingredients and steps.

Some project setup and boilerplate code (just a bare-bones Flask hello world) were done ~20 minutes before the themes were released.