Standalone sketch-style PWA for hikers to report bear sightings / sign and for others to view recent wildlife hazards near an area.
This repo is intentionally simple and open-source for the engine/code.
- Code/engine: MIT (see
LICENSE). - Design assets / sketches / branding in
assets/**: All Rights Reserved (seeDESIGN_LICENSE.md). - No trademark rights are granted to the name/logo (see
TRADEMARK.md).
If you want to build on the engine, please fork it and use your own branding and visual design.
- Early MVP: Leaflet map + geolocation + local-only report pins.
- Next: approximate/blurred location storage + sharing backend.
Requirements: Node + npm
cd app
npm install
npm run devThen open:
To test on your phone (same Wi‑Fi):
npm run dev -- --host 0.0.0.0 --port 5173Then open the printed Network URL (e.g. http://192.168.x.x:5173).
- App requests GPS and centers the map on you.
- Report lets you create a
sightingorsignwith an optional note. - Pins are stored in
localStorage(device-only).
BearMap uses Supabase for shared pins across devices.
Setup steps (project owner):
- In Supabase Auth settings, enable Email provider (magic link / OTP).
- Add Redirect URLs:
https://yanekche.github.io/bearmap/
- Run
supabase/schema.sqlin the SQL editor. - Configure build env vars:
VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEY
- Stored locations will be quantized/blurred before sharing.
- Reports will be time-bounded (wildlife moves).
See:
SPEC.md– product specSTYLE_GUIDE.md– sketch aesthetic (printed text)DATA_MODEL.md– proposed schema/APIBACKLOG.md– tasks
MIT — see LICENSE.