This repo serves as the frontend for a simple interactive map based on the St. Louis Zoo. Site visitors can click on map zones to view information about that zone's exhibits and attractions. Watch demo
Users can click on sections within an svg map to bring up info about zoo zones.
As they navigate through the zones, users can explore information cards about each zone's exhibits. Each card can be clicked to reveal a fact about the exhibit and/or the species that live in it.
Users can also add reviews/comments that include a rating and the option to upload an image.
This app uses a Rails API backend with HTML, CSS and object-oriented JavaScript on the frontend. Images are stored with Cloudinary and attached to database records via Active Storage.
Zoo data is based on information available on the St. Louis Zoo website.
The map SVG was developed using data made available through © OpenStreetMap contributors.
Photos are public domain images from Unsplash and Pexels.
As the included map uses data provided via OpenStreetMap, any use or adaption of the map SVG must comply with the Creative Commons Attribution-ShareAlike 2.0 license (CC BY-SA 2.0). This app is just intended as a demo and learning experience, not to be set up as a live review site of the St. Louis Zoo.