Architecture

Overview

GreenView Infrastructure Golf is a mobile-first, offline-capable React app for golf course operations, built with TypeScript, Vite, and Firebase.

• Frontend: React, TypeScript, Vite
• Backend: Firebase (Firestore, Storage, Hosting)
• Offline: IndexedDB for local data
• Mapping: Google Maps API
• QR/Barcode: qr-scanner, jsqr, react-webcam
• Photo: browser-image-compression, exif-js
• GPS: HTML5 Geolocation, iStartek protocol ready

Data Model

• InfrastructureItem with category (EquipmentCategory), location, status, photos, issues, etc.
• Grouped categories for mobile-first UI

Key Flows

• Add/edit equipment: category, photo, QR, GPS
• List/filter/search: by name, category, status
• Dashboard: charts by category/status

Extensibility

• Modular components for forms, lists, detail, dashboard
• Easy to add new equipment categories or features

---

See developer-guide.md for more technical details.