Skip to content

thinkful-ei-macaw/foodversity-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Foodversity -- a food journal for the uber-organised!

https://foodversity-client.now.sh

This project was bootstrapped with Create React App. FOR USER STORIES AND APP FLOW, SEE BELOW

App screenshot

homescreen

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

What is this app all about??

App flow: https://docs.google.com/drawings/d/1whdfrOJibZVpIOiluUBYOeNEtFzqpsBkfLRUf-vnieQ/edit?usp=sharing

MVP: User stories by priority:

  1. Have to view start screen
  2. Have to view info page
  3. Have to view main page
  4. Have to be able to add items
  5. Have to be able to delete items

Secondary priority/optional:

Expanded view Edit existing entry filter by ingredient user signup section

Users (who are they):

  • people who don't want to eat the same thing every day
  • Planners who like taking the mystery out of meal planning and have everything set up for the week
  • People who like variety and diversity in their meals

What this app does:

  • You can add your favourite meals to the journal for every day of the week
  • Add ingredients you want to use, like chicken or pasta, and methods of preparation, so you can track what you ate and not eat the same thing every day
  • Create meals for breakfast, lunch, dinner, and snacks
  • Edit the already added meals and change things around
  • Able to compile a week long meal plan, making sure you don't run out of ingredients

How To Use Foodversity

  • On start up screen, click Info to learn more about the app

  • Click on 'Get Started' to be taken to the log in page

  • Log in with demo credentials: user: demo pw: D3m0!1234

  • Arrive on main page!

  • Click on Add Day of the week to add a new day to appear in the calendar

  • Click on Add Food to open the food form.

    • from here: select day from the drop down menu to choose what day you're adding to
    • enter meal type(breakfast, snack, etc.)
    • enter at least one food item to add (all other fields are optional)
    • click on Add Meal to add your selections to the calendar!
  • You can click Nevermind at any time to go back to the previous page

  • DELETE removes the entire day with all entries (at the moment). Future updates will include an option to EDIT and delete individual items ;)

  • Log out of account takes the user back to the start screen

New Users:

  • create meals journals
  • immediately start adding meals
  • delete what they have just added, and start over

existing users:

  • view existing meal journal with their entries
  • Edit what they have previously entered
  • Add new meals for all the days of the week

Wireframes: https://github.com/thinkful-ei-macaw/foodversity-wireframes-dasha

loading page: index.html

signup/log in page: sign up.html

main app page: main.html

add/edit form: add-food-form.html