Rare Bird Alert!

Links

Screenshot

Overview

I created this full stack multi-page app using Sveltekit and TailwindCSS. It uses eBird's own RESTful API to gather and summarize large amounts of data with sorting and grouping by species and location, greatly reducing window scroll height when compared to eBird original design. It is progressively enhanced with essential data being loaded with no client-side javascript required.

For the design, I incorporated some of the more modern design elements found in other parts of eBird such as boldly colored title and filter bars, filter tags, as well as incorporating fades and slide-in animations for details and filter modals.