Recipe App is a django web app that allow user to search recipes by ingredients. There are two ways to search recipes. 1. On home page(ingredient page), user can select one ingredient to search recipes by clicking on the ingredient card. 2. On recipes page, user can search recipes by input multiple ingredients' name.
- Web framework Django (version 2.1) for this project
- Open source toolkit Bootstrap for fontend
- Bootstrap Tokenfield for fontend
- JQuery UI for fontend
git clone https://github.com/sumin3/Recipe-Django-App.git
cd Recipe-Django-App
Install python3 with brew for Mac
brew install python3
Install pipenv to create virtual environment for python. (brew should install pip3 for you when you install python3.)
pip3 install pipenv
Use pipenv to install django which version is 2.1
pipenv install django==2.1
Go to your virtual environment. You need to in this virtual environment to be able to use the particular version of django that you install.
pipenv shell
run the django server.
python manage.py runserver
Once you press Enter, you should see a message like this below:
Performing system checks...
System check identified no issues (0 silenced).
June 27, 2019 - 18:49:40
Django version 2.1, using settings 'django_project.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Copy the url http://127.0.0.1:8000/ above to your browser to see the Demo.
Make sure your url for POST method in file tokenfield.js line 32 and your browser url are the same. (In this case, the url should be http://127.0.0.1:8000/)
- recipeItem and ingredientItem models both defined in file models.py
Go to your virtual environment.
pipenv shell
Inorder to interact with the models, we need to go to python shell.
python manage.py shell
Import the models
>>> from ingredient.models import recipeItem
>>> from ingredient.models import ingredientItem
- To get all the object in the model
>>> recipeItem.objects.all()
>>> ingredientItem.objects.all()
- To get one object of the model
recipeItem.objects.all()[index number]
>>> recipeItem.objects.all()[0] //get the first object
- To get the value of the object. (
nameis one filed of the recipeItem model. You can change it to different fileds) Want to know what fileds you can use? look at the model file models.py
>>> recipeItem.objects.all()[0].name
- To add new ingredient
>>> i1 = ingredientItem(name="potato", property="vegetable", img_url="image-url-link")
Save it!
>>> i1.save()
- To add new recipe (use
#to separate the ingredients and steps)
>>> r1 = recipeItem(name="recipe-name", ingredients="ingredient1#ingredient2#ingredient3", directions="step1#step2#step3", img_url="image-url-link")
>>> r1.save()
Associate the recipe r1 with a ingredient i1:
>>> r1.list_ingredient.add(i1)
- To update a value
>>> i1.name = "beef"
>>> i1.save(update_fields = ['name'])
Want to learn more? Click Django documentation