A crowd-sourced platform that enables users to enrich their musical experiences by discovering and sharing songs with others through user curated live music channels.
Software Engineer
React, React-Router, Redux, CSS, Node.js, Express.js, PostgreSQL, OAuth, Socket.io, UIKit, Spotify API.
Web App
The core functionality of the app is based around the Spotify API and its recommendation API. The design architecture had to be planned around it based on user login, searchable songs, adding songs to the queue, and channel music being played as others join the channel.
On the main page of the app, users can create, search, or join channels. React was used as the MVC and Redux for its modular state management allowing the platform to become scalable for future features. Channel searches are easily queried through a combination of local and global states by filtering keywords in real-time from the PostgreSQL database. CSS and the UIKit framework improved user experienced for its modern UI appearance and helped decrease overall development time.
Once the form's input fields are filled, it interacts with the database again to create a new channel with at least one added track from Spotify's API.
The channel view offers details such as song, artist, and album. It also keeps track of how many concurrent users are currently in the room that you can chat with via the socket.io library. The visualizer bars change based on the beats of the song.
