final-project-l2_group_17

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Order Notification Emails

This project includes Firebase Cloud Functions that send customer email notifications directly via Gmail SMTP whenever:

• a new order is created
• an existing order changes status

Setup

1. Install dependencies for the Cloud Functions workspace:

cd functions
npm install

2. Create the Gmail app password secret for Functions:

npx firebase functions:secrets:set GMAIL_APP_PASSWORD

3. Deploy the functions:

firebase deploy --only functions

What gets sent

• onOrderCreatedSendEmail: sends an order receipt / acknowledgement email
• onOrderStatusChangedSendEmail: sends a status update email when an admin changes an order status