PricePalate

1. Project Description

A grocery planning app prototype where users can compare prices across multiple supermarkets within just a few clicks (goodbye countless tabs!), and save the items into their shopping list.

2. Names of Contributors & Technologies Used

• Graciela : UI/UX design with Figma, homepage & search result page with HTML/CSS/Javascript, mock up database JSON & Firestore

• Daisy : Shopping list page with HTML/CSS/Javascript, mock up database with JSON and Firestore

• Victor : Saved list page with HTML/CSS/Javascript, implementing user login with built-in Firebase auth

• We deployed our website with Firebase

3. Complete setup/usage

• To view the hosted site, simply click on this link : https://pricepalatebby31.web.app

• Sign up with email is required

• Link to wireframe / wireflow / prototype in Figma : https://www.figma.com/file/rhzV5dygI901A8NpjtsQgV/PricePalate-Clickable-Wireframes?type=design&node-id=25%3A359&mode=design&t=cJNAU8c1svgHCg3o-1

4. Known Bugs and Limitations

Here are some known bugs:

• Data is a mock up, have yet to access the supermarkets' API

5. Screenshots

User Story & Persona :

Red Routes :

Some of our survey questions & results :

Our Wireframes & Wireflows :

(check out our Figma to view more in details) https://www.figma.com/file/rhzV5dygI901A8NpjtsQgV/PricePalate-Clickable-Wireframes?type=design&node-id=25%3A359&mode=design&t=cJNAU8c1svgHCg3o-1

Screenshot of our mock-up data :

Screenshot of the final product :