The Recipe Planner is your ultimate solution for efficiently planning meals, organizing recipes, and optimizing your weekly grocery shopping. This app offers numerous features that both hobby cooks and professionals will love!
http://[2001:7c0:2320:1:f816:3eff:fee5:5fef]:80
https://portal.bw-cloud.org/project/instances/3eafc1bd-a23e-4700-a403-571efa8fd2d2/
- Add Recipes: Plan your meals for the entire week directly in the calendar.
- Flexible Adjustments: Easily move or edit scheduled recipes.
- Add and Edit Recipes: Save new favorite recipes or modify existing ones.
- Ingredient Management: All ingredients are stored with quantity information and are easy to edit.
- Cooling Notifications: Mark ingredients that need to be refrigerated or frozen to keep everything organized.
- Based on the planned recipes, the app generates a clear shopping list.
- Optimized: Duplicate ingredients are automatically consolidated for efficient shopping.
- Quickly adjust recipes to the desired number of servings.
- Find the perfect dish with practical search and filter functions.
- Track your cooking habits and analyze which recipes are most popular.
- ⭐ Mark Favorites: Highlight your favorite recipes for quick access.
- 💡 Ingredient Suggestions: Get smart ingredient suggestions when adding ingredients to recipes.
- ⏱️ Display Effort Level: Show the estimated effort required for each recipe.
- 📱 Mobile-Friendly: Fully responsive design for easy use on smartphones and tablets.
- 🔄 Reverse Search: Find recipes based on the ingredients you have.
- 📤 Share Recipes: Share your favorite recipes with friends and family.
- Save time on weekly planning.
- Avoid duplicate purchases with optimized lists.
- Organize all your recipes in one place.
- Precisely plan ingredients that require refrigeration or freezing.
- Flexible and user-friendly.
- Frontend: Vue.js
- Backend: Spring Boot
- Database: MariaDB
For local testing, change BACKEND_IP in config.js within the frontend
-
Install Dependencies:
Navigate to the frontend folder and run:npm install
-
Start Development Server:
Start the Vue.js development server:npm run dev
-
Build:
Build the frontend for production:npm run build
Start backend for development:
-
Navigate to the backend folder and build the project:
mvn spring-boot:run
Clean backend: 2. Cleans the project:
mvn cleanBuild backend: 3. Build the backend as .jar for production:
mvn clean packageEnjoy planning and cooking! 👨🍳👩🍳