Planning a Recipe Website

I have a lot of ideas for a recipe website but no idea how to implement it yet.

Planning a Recipe Website
Initial Mock-up done in Photoshop

I have always wanted to have a recipe website but never found something that I was satisfied with.

There are currently a lot of different selfhosted solutions available to us, some of them are great but they lack features that are not necessarily good but they are features that I want.

Features I want:

These are the features I want in a recipe website:

  • Card Layout (Im just a fan of card layout in general)
  • Database with ingredients (cost, nutrition values)
  • Nutrition information calculated based on ingredients in recipe
  • Costs calculated based on ingredients
  • Convertable (Metric/Freedom Units) Scaleable (Portions)
  • Tags
  • Recipe steps like a checklist
  • Filter recipes based on tags

Advanced nice to have features:

  • Being able to save recipes for mealprep
  • Being able to generate a shopping list based on saved recipes
  • Filter recipes based on ingredients
  • Automated ingredient prices based on local shops (Switzerland)

Framework

All of these heavily point to me needing something CMS like with a database. I did like Nuxt Content but there is no way I could transform it for what I need. Nuxt Content v2 (which uses Nuxt 3/Vue3) is rumoured to release at the end of April. I will check it out for sure but not for this project.

My current idea is to use Laravel 9 with Vue 3 and TailwindCSS. But this is still in the planning phase and I will only really start this project after my exams in june.

Great! Next, complete checkout for full access to KHDev.
Welcome back! You've successfully signed in.
You've successfully subscribed to KHDev.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info has been updated.
Your billing was not updated.