---

Raj_Recipe_Cook_Book_Web_App

---

Raj Recipe Cook Book Web_App is a responsive multi-pages scoal cooking blog app where user can store, read and share the cooking recipies.

Overview

A web application created in Python and Flask.

UX

This website was created with the intention to store and share recipes with other users.

Features

It is a fully functional user based social recipe website that provides registered user:-

• Create new recipies - recipe name, category, servings, preparation time, cooking method etc,
• Read all the recipies
• Edit own recipies
• Delete own recipies
• Vistor can only read the recipies
• To post a recipe visitor must sign up
• User can see all his or her recipies in one place after login under UserName: Nav-link
• User can update Profile picture and other info after login under Profile: Nav-link

A demo of this site is available:- here

---

Getting started / Deployment

This project was deployed at Heroku Create requirements.txt

pip3 freeze --local requirements.txt

Create Procfile

echo web: python app.py > Procfile

Create Heroku App

Set Config Vars adding IP and PORT on Heroku app settings

IP 0.0.0.0 PORT 5000 Login to Heroku on the terminal

Heroku login Deploy to Heroku

Scale the app's web process to 1 dyno: heroku ps:scale web=1 git remote add https://git.heroku.com/cookbook-app-flask.git git push heroku master

A demo of this site is available:- here

---

Technologies Used

Built With

Python Flask-Python microframework Sqlite SQL database AWS - S3 to store imaegs HTML5, CSS3 and JavaScript Bootstrap CSS framework to style and create responsive design other Front end languages that give the application structure, style and interactivity

• Python-Version 3.7.3
  • The project uses Python for backend development.
• Flask-Version 1.1.1
  • The project uses Flask for backend development.
• SQLite
  • The project uses SQLite SQL database to store the data from user
• Bootstrap v4.1.3
  • The project uses Bootstrap to speed up the development.
• Font Awesome v5.3.1
  • The project uses Font Awesome for icons.
• JQuery v3.3.1
  • The project uses JQuery for better user experiences as well as to speed up the development.
• ekko-lightbox/5.3.0
  • The project uses ekko-lightboxy in the gallery section to overlay images on the current page.
• slick-carousel/1.9.0/
  • The project uses Slick.js for carouse.
• HTML5, Bootstra4 and Javascripts /
  • The project uses HTML5, Bootstra4 and Javascripts for form Validation.
• AWS /
  • The project uses AWS - S3 to store the imaegs.

  ---

  UX Design

  Details of the UX design undertaken as part of this project is available in the Wireframes subfolder of projectdocumentation folder. This document outlines how I approached the design of this website.

  Testing

  All the CRUD actions were tested and are working as it should. When updating a recipe the same is duplicated, this will be fixed later. I've added a delete button on the card so it can be deleted easily instead of the need to go to the recipe page to do so. The responsiveness was tested on every page. Every link was tested and works properly. All forms handle empty input fields

  Author

  Rajaneesh Singh Bhadauria - This project was completed as part of Code Institute’s Mentored Online Full Stack Web Development course in 2019.

  Content

  • The text for the Carousel, Menu and About sections were taken from: Raj

  Media

  • The images used in this site were obtained from: pixabay.com/

  Content

  • The content for recipes was taken from the NDTV recipes website

  Acknowledgements

  • I don't cook much at home inspired me to make a tool to remeber the recipies