Please click here to visit a live demo of my project.
My Third Milestone Project for Code Institute is a data centric app. app my idea is to create a The design was to have an app where there was the freedom to add a recipe you really liked to the Recipe Book App.
A person who is interested in Cooking. A person who wants to find new recipes. A person who wantes to add their recipes.
The app is designed to lead the user to find more recipes. The app is designed to lead the user to add their own recipes. The app is designed to lead the user to edit their recipes. The app is designed to lead the user to view other peoples and make amenend to their recipes if they feel a change is needed.
•As a user, I want to find more recipes.
•As a user, I want to add my recipes.
•As a user, I want to be able to help people find my recipes
•As a user, I want to be able to help people with amending their recipes after I have tried them
The UX Designs of the site can be found in the PDF file saved to the project in the file UX Designs.
•Html
•CSS
•Gitpod - Used for a development and testing area.
•git- Used as a repository.
•Heroku - Connected to my Git repositoty to deploy app.
•git- Used as a repository.
•Mongo DB - Database.
•Bootstrap - Bootstrap framework.
•jQuery.
The app follows the crud principal, please see below:
•Create- The user can create a recipe within the site
•Retrive- The user can Retrive a recipe within the site
•Update- The user can Update a recipe within the site
•Delete- The user can Delete a recipe within the site
•I tested the navbar in the chrome browser to ensure that the Home/Recipes/Add Recipe all went to the relevant pages.
•I tested that the four recipes would display correctly on the front page and that the find out more buttons worked correctly.
•I tested the Recipes page displayed, the recipes that I had added using the form on the add recipe page added the details to the database for the reicpe page to display
•I tested that the CRUD principals are utilised in the app
•I Used W3c validator to validate the html pages created. I copied my code and pasted it into the validator to check for errors and warnings.
•I tested that Heroku had connected properly with my git repository
- Make sure requirements.txt and Procfile exist:
pip3 freeze --local requirements.txtecho web: python app.py > Procfile - Create Heroku App,login to heroku (Heroku login), git init, connect git to heroku (heroku git remote -a ), git add ., git commit, git push heroku master.
- heroku ps:scale web=1
- In heroku app settings set the config vars to add DATABASE_URL, IP and PORT
The images and recipes were taken from the BBC recipes website.