statesmenpodcast.com
The interactive website for the podcast that explores all fifty states with the five senses of perception.
Access our collection of 100+ episodes, and sort using the clickable SVG map to find one that peaks your interest.
Frontend: Upon an initial load, the user is presented with the show's full podcastography in a responsive grid and sorted by release date. By clicking a state, or another icon as part of the Map, the user is able to sort episodes by their state, or episode type.
Every episode has it's own page that holds links to podcast providers (iTunes, Spotify, etc), and an embedded audio player for listeners to tune in on the page itself.
Backend: Episodes are pulled in by an Axios request and parsed from the RSS feed from the show's hosting provider. Each episode is then cached into a Redis NoSQL database and saved for four hours before being deleted, drastically reducing the load time for site visitors who request episode information.
React, Material-UI, Node, ExpressJS, Redis, Axios