Planning a Recipe Website

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.