CulinaryCode

Inspiration

I would sometimes want to cook and when I do get this urge to cook something up, the recipes online would always be bloated - some person talking about their life story of their grandma which is touching but I don't really care. Therefore, CulinaryCode is a website designed to provide minimalistic-straight to the point recipes.

What it does

It is a website that lists current recipes and allows users to easily choose and select a recipe to cook.

The recipe page, is very minimalistic and provides very clear and direct instructions - just like code

The upload page allows users to submit their own recipes to the website with easy formatting and clear directions

How we built it

I used Vue.js to build the website and used a bit of Vuetify as a components library

Challenges I ran into

The Vuetify components library was okay but it severely restricted the creative freedom I had especially going from figma designs to html and css. As a result, most of the components and code were made with custom css.