QuickCart

Create and store weekly grocery shopping lists. Find real products via search or barcode scan, view nutrition facts, or upload your own.

🎥 Demo Video + Project Walk-through

A grocery product catalog to assist budgeting and managing a shopping list stored in the cloud.

Designed a Firebase Cloud Firestore NoSQL database managing user records, grocery product catalogs, and cart purchase histories
Organized state management for products, account information, and carts with Context hooks also persisted in the database.
Integrated Firebase Authentication to assist storing user unique shopping lists, along with customized product records.
Created a clean and modern user experience with React/MaterialUI following a wireframe and site-wide color theme.
Implemented barcode scanning and external records from the Spoonacular + OpenFoodFacts API to onboard new products

Browse grocery products records served from the Firestore database
Save products to your cart, always persisted in the cloud.
Analyze the cart to identify empty categories
Customized product records and create a personal list
Create an account to access your list anywhere
Scan a bar code to upload a product pulled from Spoonacular or OpenFoodFacts
View a history of transaction receipts previous from shopping lists
Save product images with a convient image searching pop-up connected to Google CSE

$ cp .env.sample .env
$ npm install
$ npm run dev

Name		Name	Last commit message	Last commit date
Latest commit History 500 Commits
.github/workflows		.github/workflows
client		client
server		server
whitepaper		whitepaper
.babelrc		.babelrc
.env.sample		.env.sample
.gitignore		.gitignore
README.md		README.md
jsconfig.json		jsconfig.json
package-lock.json		package-lock.json
package.json		package.json
webpack.dev.config.js		webpack.dev.config.js
webpack.prod.config.js		webpack.prod.config.js