A PWA (Progressive Web App) for Minnetonka High School's daily schedule.
Neo-brutalist × Vercel aesthetic — dark, monospace, high contrast.
- ✅ Full schedule for Week A / Week B
- ✅ Live countdown timer per period
- ✅ Lunch selection (1, 2, 3)
- ✅ Date navigation
- ✅ Push notifications (1 min before period ends)
- ✅ PWA — installable on iOS & Android
- ✅ Custom themes (Dark, Light, Green, Blue, Red, Custom)
- ✅ Quick bookmarks
- ✅ Sign/TV mode
- ✅ AI Chat (NanoChat)
- ✅ Confetti celebrations
mhs-schedule/
├── index.html ← Main app
├── style.css ← Neo-brutalist styles
├── app.js ← Schedule data + logic
├── sw.js ← Service Worker (PWA + Push)
├── manifest.json ← PWA manifest
├── icon.png ← App icon (place your icon here)
└── .github/
└── workflows/
└── deploy.yml ← GitHub Pages auto-deploy
- Create a new GitHub repo
- Upload all files (keep the folder structure)
- Place your
icon.pngin the root folder - Go to Settings → Pages
- Set source to GitHub Actions
- Push to
main— it deploys automatically
Your app will be live at:
https://<your-username>.github.io/<repo-name>/
Place your icon file at icon.png in the root.
For best results: 512×512px, square, PNG format.
Push notifications work via the browser's Notification API.
Users enable them from the Settings section in the app.
They receive a local notification 1 minute before each period ends.
Note: For background push (when app is closed), you'd need a push server with VAPID keys. The current implementation uses foreground/local notifications.
Just open index.html in a browser — no build step needed.
# Optional: use a local server for SW to work
npx serve .
# or
python3 -m http.server 8080Created by Sawyer Schulz — 035665@mtka.org