Birds in the Neighborhood

This is a small view for the eBird API's 'Recent nearby observations' endpoint, with calls to related endpoints, such as 'View checklist'.

The design of the site evolved organically as I tried displaying the bird observations different ways. My goal was to take the list of observations eBird delivered and organize them, such that they might reveal some interesting piece of information quickly. After a bit of experimentation, I settled on:

• By date, sub-organized by location. This shows what days the most birds have been seen (usually, weekends) and what locations have been the site of specific sightings. Clicking on locations will take you straight to the map.
• By bird name, alphabetical. This is useful for seeing what birds are in an area. Here, you can click on a bird name and see the list of observations (an eBird 'checklist') of which it was an entry. If the observer's name was recorded on the checklist, you can see that, too.
• By location, as visualized on a Google Map, the natural outcome of having a list of locations.

See it live

Currently deployed on Vercel here

How to install

1. Clone the repo to a location of your choosing.
2. Run npm install to install the dependencies.
3. Run npm run dev to run locally.

This project uses:

• Vite's React-Typescript-Vite template
• React
• Typescript
• react-google-maps
• npm
• Cormorant, Langar, and Merriweather from Google Fonts
• icon purchased from the Noun Project