Skip to content

dariawhitecastle/grecipes-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project description

This was one of the collaborative full stack projects I worked on during my quarter 2 at Galvanize. We learned database manipulation with PostgreSQL and Knex, setting up servers with Express and transfering information from front to back with CRUD routes. Together with my teammate we developed an ERD and then split up the project into front and back end tasks. My primary responsibility was to work on the front end, fetch and send data from/to the database and create visual representation of it. We deployed the front end to Firebase, while hosting the DB on Heroku.

Site description

Treats recipe site provides the user with the ability to view, create and delete recipes. It is structured in the following way:

  1. Main page allows the user to see all the recipes sorted by an average star rating

Screenshot

  1. Each recipe card on the main page is clickable and will take the user to a full description recipe page, where she can edit or delete the recipe or add and view comments and reviews left by others. This page also allows the user to edit or delete comments.

Screenshot

  1. Edit recipe page shows a selected recipe and provides the user with an opportunity to adjust unit of measure, quantity, ingredients, execution steps, and the description of the recipe.

Screenshot

  1. 'Add new' recipe link in the top right corner allows the user to create and save a recipe.

Screenshot