# BritePear Invoice PWA Setup

Your invoice app is now configured as a Progressive Web App (PWA)!

## What's Included

✅ **manifest.json** - App configuration and metadata
✅ **service-worker.js** - Offline functionality
✅ **PWA meta tags** - Added to the HTML file
✅ **Installable** - Can be installed on desktop and mobile devices

## Next Steps: Add App Icons

To complete the PWA setup, you need to create two app icons:

### Required Icons:
1. **icon-192.png** (192x192 pixels)
2. **icon-512.png** (512x512 pixels)

### How to Create Icons:

**Option 1: Use Your Logo**
- Take your `Brite-Pear-Logo-w-pear-and-heart-3.jpeg` file
- Resize it to 192x192 pixels and save as `icon-192.png`
- Resize it to 512x512 pixels and save as `icon-512.png`
- Place both files in the same folder as your HTML file

**Option 2: Use an Online Tool**
- Go to https://realfavicongenerator.net/ or https://www.pwabuilder.com/imageGenerator
- Upload your logo
- Download the generated icon pack
- Rename the files to `icon-192.png` and `icon-512.png`

## How to Install the PWA

### On Desktop (Chrome, Edge):
1. Open the HTML file in your browser
2. Look for the install icon (⊕) in the address bar
3. Click "Install" when prompted

### On Mobile (iOS):
1. Open in Safari
2. Tap the Share button
3. Select "Add to Home Screen"

### On Mobile (Android):
1. Open in Chrome
2. Tap the menu (⋮)
3. Select "Add to Home Screen" or "Install app"

## Features

Once installed, the app will:
- Work offline (after first load)
- Open in a standalone window (no browser UI)
- Appear on your home screen like a native app
- Load faster with cached resources
- Maintain your brand colors (#2d9f7f)

## All Files Needed in the Same Folder

Make sure these files are together:
- BritePear_Invoice.html
- manifest.json
- service-worker.js
- icon-192.png (you need to create this)
- icon-512.png (you need to create this)
- Brite-Pear-Logo-w-pear-and-heart-3.jpeg

Enjoy your installable invoice app!