A Podcast finder website which recommends nearby parks. Search your address and double click a park near you. Find your favourite podcast via our podcast serach options. Enjoy!
- HTML
- CSS
- JAVASCRIPT
- JQUERY
- MOMENT.JS
- LISTENNOTES API
- GEOAPIFY
- MARKER ICON API
- STATIC MAPS API
- LEAFLET API
- ADDRESS AUTOCOMPLETE API
- PLACES API
- ROUTING API
API which allows the user to search their favourite podcasts.
Multiple APIs which allow the user to search for nearby parks.
APIs include:
- Marker Icon API
- Static Maps API
- Leaflet API
- Address Autocomplete API
- Places API
- Routing API
Features:
- Search bar that autofills address location
- Marker locaters, when clicked they show the address
- Routing between address and destination (when the user double clicks the park icon)
- Local storage which remembers the last location
- Map re-positions itself based off of user selection
- Search for a Podcast
- get a dropdown menu with related search items
- once a search item selected, the podcast details will come with a list of episodes
- press the play button to listen to an episode
CSS design features include:
- laoding animation inspiration from https://codepen.io/PullJosh/pen/MdMpxV
- Please use the following link to navigate to the deployed website:https://adamgabo.github.io/PlayMeSpotify/
- GitHub Link: https://github.com/AdamGabo/PlayMeSpotify
- Webpage Preview:
Adam Gaboury, Bawandeep Singh, Liyanage Ethugalge, Antonia Rodrigo, Daniel Yeung