CookHub

Home Page of CookHub
Recipe Page of Cookhub
Shopping Page of Cookhub
Favorite's Page of Cookhub
Original Figma Layout Brainstorm
Original Figma Layout Brainstorm

Intro

Looking for cheap and easy recipes, but unsure where to go? Wanting a place to conveniently save and share your favorite recipes? Wishing for the best places to buy your grocery list for cheap? Introducing CookHub, a mobile app that not only lets users find and share their favorite recipes, but also allows them to better budget their finances by calculating the amount of money they might spend on groceries.

Process

Inspired by GitHub, CookHub puts a foodie twist on the ubiquitous online coding platform, allowing people to post and fork recipes instead of code repos. We were inspired by the idea of "forking a recipe," not only because of the food-related pun, but because cooking naturally invites the creative iterative process. Spun off of that single idea, CookHub was born.

What it does

CookHub supports many features, including the following:

Automatically formatted display of CookLang markdown files
Recipe forking to make personal variations while paying homage to the original
Text editor to make adjustments to recipes in-app
Search feature with filters based on recipe metadata
Recipe bookmarking to a favorite recipe page
Shopping cart feature allowing users to find the best local deals for grocery list items

What it Uses

We used a variety of different schemas, including CookLang Markdown, React Native, Figma, HTML & CSS, Typescript, and the Firebase API.

What's next for CookHub

We're very proud of how CookHub turned out. In the future, we're hoping to add more backend functionality and optimization. We also hope to better polish the user interface to better deliver users a satisfactory experience.