RECIPE

It is a part of Udacity FSND the catalog project

You will develop an application that provides a list of items within a variety of categories as well as provide a user registration and authentication system. Registered users will have the ability to post, edit and delete their own items.

Are You hungry? need some inspiration to cook something delicious:spaghetti::hamburger::cookie: ? this app for you!:tada: It is a web application for recipes and allow you to create your own recipes and share them with other in the app.

Project Screen Shot(s)

Home page ✨

Flash message

Installation and Setup Instructions

1. Download and install Vagrant.

2. Download and install VirtualBox.

3. Clone or download the Vagrant VM configuration file from here.

4. Open the above directory and navigate to the vagrant/ sub-directory.

5. Open terminal, and type

   vagrant up

   This will cause Vagrant to download the Ubuntu operating system and install it. This may take quite a while depending on how fast your Internet connection is.

6. After the above command succeeds, connect to the newly created VM by typing the following command:

   vagrant ssh

7. Type cd /vagrant/ to navigate to the shared repository.

8. Download or clone this repository, and navigate to it.

9. Install or upgrade Flask:

   sudo python3 -m pip install --upgrade flask

10. Run this application:

    python3 application.py

11. Open http://localhost:5000/ in your browser.

JSON Endpoints 🙌

This following are JSON files of the app:

Catalog JSON: /catalog/JSON - Shows the whole catalog. Categories and all items.

Categories JSON: /catalog/<category_id>/recipes/JSON - Shows specific category with its items/recipes

Category Items JSON: /catalog/<category_id>/recipes/<recipe_id>/ - Shows specific recipe information

API Reference

• Google API

Technology, Languages and Freamworks:

• HTML
• JS
• Ajax
• Bootstrap 4
• Flask
• Python

Resources I used them:

1. Images & icons
   • PNG MART
   • pic png
   • PNG ALL
   • Flat icon
   • Pexels
   • Foodiesfeed
   • Flat icon
2. Google Fonts
3. Boostrap Template
4. HTML Beautifier
5. Some recipes and images from Hello Freash

Future Checklist:

• create ico
• add more categories
• add more APIs such: facebook, outlook, twitter ..etc
• add filters
• add search box
• add page navgator
• optimize the website
• change upload image style
• upgrade bootstrap 3 to bootstrap 4
• fix login style
• allow user to upload image from his/her device
• add date to each recipe
• create pravite view for recipes
• add print recipe
• add more category such: snaks .. etc
• add rating the recipe
• completed 💪