- React
- useSWR
- iNaturalist API
- Taxonomy
- Clustering
A taxonomy app to raise awareness for endangered endemic species.
A Next.js app that lets you explore the taxonomy of species in your area. Built with the iNaturalist API, it raises awareness for biodiversity and endangered endemic species by making observation data browsable and searchable.
Features
- Taxonomy browsing: Explore species hierarchy and classifications from iNaturalist observations
- Location-based discovery: See what’s been observed near you or in a chosen region
- Clustering & filtering: Narrow by taxon, date, or other criteria
- Detailed species info: Photos, common/scientific names, and observation counts
- Data fetching: useSWR for caching and efficient API usage
Architecture
- React SPA / Next.js: UI routes for browsing taxa, maps, and observation lists; server or client data fetching depending on how the app is deployed.
- iNaturalist as source of truth: Observation and taxon payloads come from the public iNaturalist API; the app focuses on presentation, clustering, and filters rather than hosting its own observation database.
- Caching layer: useSWR deduplicates requests and keeps lists responsive while scrolling or changing filters.
Tech Stack
- React: Components for maps, lists, filters, and species detail.
- useSWR: Stale-while-revalidate data fetching and cache invalidation against the API.
- iNaturalist API: Species, observations, and geographic queries.
- Taxonomy: Hierarchy navigation (taxon ranks, names, relationships).
- Clustering: Map marker clustering and grouping for dense observation sets.
