Data Centric Development Milestone Project - Rice Bowl

Developer: Anthony Guillermo

• Project Brief
• Technologies
• UXD
• Deployment
• Tests and Fixes
• Media
• Acknowledgements

Project Brief

In this project I was tasked with building a data centric development site allowing users to manage a dataset about a particular domain, using all the technologies I learnt so far in this course.

The dataset should allow users to share their data with a community and have easy access to the data provided by all users. The site owner might also benefit from the collection of the dataset as a whole.

Build a website for users to find and share recipes (Rice Bowl) mainly using technologies such as HTML, CSS, JavaScript, Python+Flask and MongoDB. As an option additional libraries or external APIs. The project may be started using wireframes, as taught in the UX lesson.

Rice Bowl is an experienced website who have been around for 5 years. Since the sites's first inception they had been mostly doing food trip blogs in Asia, wanting to share Asian recipes with their online community. However since they have a number to recipes, they wish do share their recipes online and want to allow users to view and add recipes as well. Their main aim is to focus and give more exposure to Asian food. They currently have about 40 recipes but is looking to increase that number in the future. The following requirements were given by the food blogging site after meeting with the client;

• Create a web application to allow users to store and easily access cooking recipes. With fields such as ingredients, steps etc.
• Create backend code to allow users to add cuisines and recipes.
• Provide users with a directory of recipes/cuisines
• Present results that are visually appealing and user friendly.

Technologies

• HTML5
• CSS3
• JavaScript
• Python
• Flask
• jQuery
• MongoDB
• Materialize v1.0.0
• Font Awesome v4.7.0
• Google Fonts

UXD

Strategy

Scope

Structure

Skeleton

Surface

Deployment

• In Github create a requirements file by typing 'sudo pip3 freeze --local > requirements.txt'.
• Create a Procfile by typing 'echo web: python app.py > Procfile'.
• In Heroku create a new app and input a unique app name 'abg-ricebowl'. Choose 'Europe' as the region. Click "Create App".
• In Github terminal type 'heroku login' and log into Heroku.
• Type 'heroku apps' to check if the created app 'abg-ricebowl' appears.
• Create a new repository by typing 'git init'
• Type 'git add .' then 'git commit -m "(commit message)"' to add files to repository.
• From deployment tab in Heroku copy 'heroku git:remote -a abg-ricebowl' and paste into Github to set the remote to Heroku.
• Push code to Heroku by typing 'git push heroku master'
• Tell Heroku to run the app by typing 'heroku ps:scale web=1'
• In Heroku go to settings tab and under config vars set the type 'IP' in key and '0.0.0.0' in value to set the IP address. Then type 'PORT' in key and '5000' in value to set the port.
• Click open app to check the app has been deployed.
• Project link: Rice Bowl

The code for this project was pushed to Github.

• Github link: Rice Bowl Github

Tests and Fixes

Test and Fixes link: Rice Bowl Testing

Media

The photos used in this project were taken from:

• Unsplash
• Pexels
• Pixabay

The text in this project was taken from:

• Panlasang Pinoy
• Delish
• BBC Good Food
• Delicious
• Google

Acknowledgements

Inspiration for this project was taken from:

• Panlasang Pinoy
• Delish
• The Ringer

Previous Code Institute Projects were also an inspiration for this project (Love Running, Resume, Whiskey Drop, Thorin & Company and Task Manager Application).

Written with StackEdit.