Bookstore Finder

Context of Project: I completed this project at Libro.fm in December 2020 in an effort to create a map of our partner bookstores, with inclusive identity filters and a location-based finder. Design of the map was led by Libro.fm's creative director, Nick Johnson.

Project Synopsis: This bookstore finder maps all of Libro.fm's partner bookstores across the world. It's complete with identity-based filters, such as 'Black-Owned', 'Indigenous-Owned', 'Latinx-Owned', and so forth. You can also search for bookstores based on distance to a certain location or address. The map is housed on Libro.fm's website, and users currently use it to choose the bookstore they'd like their audiobook purchases to support.

My Role: I engineered the functionality of the map.

• Designed and rendered map behavior using Mapbox's GL JS API.
• Geocoded the user's selected location to search for bookstores in a specific surrounding radius with Mapbox's Search API.
• Embedded map in site using a combination of Ruby on Rails, Javascript, and CSS.

Technologies Used: Mapbox API, Javascript, Ruby on Rails