Skip to content

(Screenshots from design process to final product provided in readme section) PricePalate is 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.

Notifications You must be signed in to change notification settings

ggraciela/PricePalate

 
 

Repository files navigation

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

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 :

image

Red Routes :

image

Some of our survey questions & results :

image image image

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 2024-02-19 141343

Screenshot of our mock-up data :

Screenshot 2024-02-19 151827 Screenshot 2024-02-19 151436 Screenshot 2024-02-19 151447

Screenshot of the final product :

About

(Screenshots from design process to final product provided in readme section) PricePalate is 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 49.2%
  • HTML 29.4%
  • CSS 21.4%