Do your mother or grandmother still have their old handwritten Recipe Book? In some families, it is a tradition to pass down this book containing cherished, traditional recipes to the next generation. However, in today's digital age, the majority of people prefer using their digital devices over handwritten books.

With our app, you can seamlessly digitize the timeless recipes from your family's collection. Additionally, you have the flexibility to incorporate your own creations or favorite recipes from the internet, friends, and more, all within your personal Digital Recipe Book. Each recipe can be enhanced with a suitable image, and thanks to the app's database connection, all your recipes are securely stored for future generations!

Features

• Easily create new recipes using our user-friendly form. You have the flexibility to input various details, such as serving size, recipe type, and even upload images.
• Each recipe has its own detailed page, displaying all stored information
• Manage your recipes by updating or deleting them as needed.
• Navigate through an organized overview page that displays all added recipes in alphabetical order.
• Use the Search Bar to search for specific recipes within your collection.
• Customize your experience by adding recipes to a favorites list with a simple toggle button.
• Thanks to the app's database connection, all your added recipes are securely stored for future reference

❤️

This app was developed by Gabriele, Gökhan, and Stephan as a capstone project during our web developer bootcamp at neue fische in 2023. We all began as complete novices with no practical coding experience. We are very proud of what we archieved.

While our app is not in its final state, we have numerous ideas to implement, and we eagerly anticipate continuing our learning journey, practicing more, and further developing our app. We are excited about the future possibilities and growth of our project!

Local Development

To work locally, please install the dependencies using npm i first.

Run npm run dev to start a development server and open the displayed URL in a browser.

Use npm run test to run the tests.

CodeSandbox Cloud

Select the "Preview: 3000" tab to view this project.

Select the "Tests: logs" tab to view the tests.

The npm run dev and npm run test scripts run automatically.

Scripts

You can use the following commands:

• npm run dev to start a development server
• npm run build to build the project
• npm run start to start a production server
• npm run test to run the tests
• npm run lint to run the linter