App contains recipe creation and automated recipe ingredients amount calculation depending on how many person recipe serves.
This project was made as part of the weekly programming challenge hosted by DevJam. The project was made for learning purposes.
The project was once aging very interesting and I learned lots of things like using css media print, lots of
javascript, and for example using white-space:no-wrap;
. Project included adding html elements via button clicks and
using database relationships.
Recipe creation | List of recipes | Recipe card
π
Start: December 30th
π
Deadline: January 6th 16:00 (4PM) GMT
Like programs, recipes are a series of imperative steps which, if followed correctly, result in a tasty dish.
- βοΈ User can see a list of recipe titles
- βοΈ User can click a recipe title to display a recipe card containing the recipe title, meal type (breakfast, lunch, supper, or snack), number of people it serves, its difficulty level (beginner, intermediate, advanced), the list of ingredients (including their amounts), and the preparation steps.
- βοΈ User can see a photo showing what the item looks like after it has been prepared.
- β User can search for a recipe not in the list of recipe titles by entering the meal name into a search box and clicking a 'Search' button. Any open source recipe API may be used as the source for recipes.
- β User can see a list of recipes matching the search terms
- βοΈ User can click the name of the recipe to display its recipe card.
- β User can see a warning message if no matching recipe was found.
- βοΈ User can click a 'Save' button on the cards for recipes located through the API to save a copy to this apps recipe file or database.
- βοΈ Automatical adding and reducing (not compleated yet) incrediants for certain amount of servings.
- βοΈ User can create complicated recipes with unlimited ingrediants.
- βοΈ User can copy recipe link via button
- βοΈ User can print recipe
- βοΈ User can see times recipe takes to compleate, prepare and cook.
- User can add tags to recipes and sort all recipes by tags.
- User can edit recipes they have made and admin user can edit all recipes
- βοΈ Admin user can delete recipes.
- Recipes cards show recipe creator.
- User can upload their own recipe images to the server and it will be saved in some 3rd party storage.
- Unit conversions (kg -> pounds for example)
- βοΈ Show saved recipes in different list.
The app is written in python using Flaks-library. Frontend is written in html5, css and vanilla js. Backend uses Flask sqlalchemy and flask-login. App is deployed in Heroku.
- Flask - Micro web framework written in python.
- Flask-login - Flask-Login provides user session management for Flask.
This app requires python 3.7+ to run.
Clone git repo
git clone https://github.com/JesperKauppinen/quizapp.git
After cloning or downloading this git repo, install required python libraries
pip install -r requirements.txt
run app.py
python app.py
App is hosted in Heroku. The deployment requires Procfile
.
for Database is used postresql and flask-sqlalchemy.
Database structure
Want to contribute? Awesome!
This project was part of weekly challenges hosted by DevJam and won't be updated.
Maybe you would like to work with us, hit me up and let's talk. :)
- Valio - Style of recipe page inspired from valio website.
- Card design - Cars design template.
- Fontawesome - Icons
Did I miss some credits, let me know and I will update them
MIT
Images and text (recipes) may be copyrighted.