π
JACC _ Shopping list This project is live on heroku
Created by: @onwordi @ aterna01 @wright1 @whooolia
π» To run the project locally computer
-
Clone of fork the repo
-
Go into the project folder cd JACC
-
Run npm i
-
Create a file config.env in your root directory and save the database credentials in this format:
export DB_URL = postgres://_your_db_info_
-
Run npm start
-
Go to localhost:4040 for the home page
-
Enjoy our amazing shopping list
π₯
- For testing: run npm test (Database testing need additional credentials)
Overview
Users want to be able to see a history of their shopping lists and remember what they ordered, quantity with an estimate of price.
With this app, we will create an MVP, using just one user Jane Doe, to show how easy it is to add/view to their shopping list.
πββοΈ User journey
-
User goes to the website and sees a Welcome User page
-
User clicks on
Add to list
button -
User see the Shopping List page
a) User will see a form with the following fields: Item, Quantity, Approx Price, to add their data
b) User will submit form -
User will be taken to Current list page to view the whole list
a) There will be a buttonAdd more items
to add more items -
User will be taken back to Shopping list page to add more
-
All pages will have a link to the Home page
π‘ What we worked on
Green
: Client side pages
Purple
: Database
Red & Bottom purple
: Express with views breakdown
- Work on the partials
- Style HTML & CSS
- Post and Get queries from the database
π What weβre proud of
- Great planning from Tuesday afternoon
- File setup on Tuesday evening before parting
- Clear simple whiteboarding
- Good code rotation
- Making sure each team member understood each step and logic for the project. (Considering some absences)
- Added inital tests before writing logic
- Use router in controller instead of app.get
πͺ Stretch goal
- Login/Logout functionality to link multiply people to view all their different shopping lists.
- Delete : to give users the options to delete an entry
- Update : to give users the option to update an incorrect entry