Cookr

• 

  Figma Prototypes

• 

  Preference View

• 

  Swipe View

• 

  Personalized Cookbook

• 

Inspiration

Being college students, a lot of us struggle with making the transition from dorm life to independent life due to the adjustments and skills one has to learn to accommodate to these new changes. The greatest challenge of them all is having the added responsibility of cooking and preparing food for yourself for each meal of the day which often leads to us developing unhealthy eating habits, affecting our mental and physical health and impacting our studies and work in the long term. Cooking is an incredibly hefty task to take on especially having been spoiled with #1 DINING for two years or more like we have. Thus, introducing Cookr! An app designed to be your sous chef in the kitchen, helping you with everything from meal prepping to the actual cooking of various cuisines... all specifically curated as per your taste.

What it does

Cookr's main goal is to be your partner in kitchen and make the whole process of cooking very seamless and simple. Once you've downloaded the app, simply create your personalized chef profile which includes filling fun facts about yourself and providing your preferences as to what kinds of cuisines you like and what your dietary preferences including allergies are. Then, based on your chef profile, you will get a personalized curated array of recipes to your taste and you can choose to "swipe right" or "swipe left" on them. Whatever recipes you have "swiped right" on, you can find in your cookbook section where you can refer to them at any point you chose to. You can select a specific recipe and will get detailed instructions on how to prepare it with meal prepping advice too!

How we built it

We built the front-end primarily using SwiftUI and Figma. The back-end was developed using Node.js, Express.js, and our database from MongoDB Atlas.

Challenges we ran into

We had issues with knowing how to incorporate our back-end component with the front-end portion in Swift as nobody knew how to integrate the two together and we had to learn this process for the first time within a mere 4 hours. We also had issues with XCode and the preview aspect of it where the code was either not being reflected on the preview or was coming up jumbled on it. And of course, one cannot go through a hackathon without lots of Git issues including conflicts, the files not reflecting with the updates we pushed to them, and a lot of friction primarily between XCode and GitHub.

Accomplishments that we're proud of

We're very proud of our front end portion and how our app's UI/UX component looks like as per our Figma designs. We are also so proud of the fact that we have a fully functional database that is directly working with our back end and we have been able to figure out how to integrate it with the front end portion to the point where all the CRUD operations work so smoothly now.

What we learned

We learned to try new things and work on issues that we are facing because it is most likely that lots of other people are facing them too. Moreover, we are glad to have trusted our instincts and stuck with this project despite seeing most people hover to today's current buzzwords like Machine Learning and LLM.

What's next for Cookr

Allowing user's to add recipes for other's to view and share their recipes with other users, creating a recommendation system using Machine Learning and Large Language Models for users to further personalize their cookbook by scraping such recipes from the internet.

Built With

• express.js
• figma
• mongodb
• node.js
• swiftui