Soundscape

Angular.js / Spotify / Photoshop / Adobe Xd

Soundscape is a one-page application I designed and built in collaboration with two other students during my Javascript program at Grand Circus.

Soundscape allows users to create and share musical memories by attaching a Spotify song to a particular location on a Google map, as well as a description and title. Users can open the app at anytime to explore the songs around their current location and share stories of their visceral, personal musical memories in shared spaces.  

The application was built with Angular.js and utilized the Google and Spotify APIs to store and display data.

See the code on Github

See a live version here.

VIDEO WALKTHROUGH OF UX COMPONENTS

FINAL SCREENSHOTS

Home page of Soundscape application

Home page of Soundscape application

Page displaying soundscapes left at Belle Isle, Detroit

Page displaying soundscapes left at Belle Isle, Detroit