Grocery List

Key Features

• Designed a multilevel nested document data model to simplify data retrival (firestore data retrival is shallow by default)

• Integrated different components into a smooth user flow

• Integrated Google Maps into Add Store component to support searching any nearby stores

Design Mockup

See link for a PDF copy of the mockup images.

Testing Notes

• Enable Location Services for your testing browser to search nearby grocery stores with specific ranges.

Screenshots of Site (complete)

Add a screenshot of each key page along with a very brief caption:

For all 10 screenshots, go to /doc/images folder.

External Dependencies

**Document integrations with 3rd Party code or services here.

• fullcalendar: provide a nice calendar view
• bootstrap-vue: provide nice styling for common ui components
• axios: send requests to Google Maps Platform API