Music Streaming Site
Account creation with values called inside pages
Registration page that can swap between creating a new account or logging into an existing account. Checks are in place for duplicate account names/emails and an md5 encryption of passwords.
A simple page that calls the songs from the database and displays their artwork, title, and artist.
A page that contains all songs for the selected album. Songs are able to be added to a created playlist, played, or paused. Any song played will persist through navigation.
Persistent header/Play Bar:
Inside content changes while play bar stays consistent and continues to play the current song / hold the current playlist. Inside content is loaded dynamically via an encoded URI while URLs are rewritten via popstate events to make the user experience seem like they are navigating through pages. Play bar includes play/pause buttons, back/forward buttons, volume slider (with mute functionality), bar depicting percentage of the current song completed, a "shuffle" feature which randomizes the current playlist, and a "repeat" feature that will repeat the current song instead of playing the next song in the playlist.
"Your Music" Page:
Page where you can create custom playlists and then select the options menu of any song to add it to any created playlist.
Page containing any songs that you have added to the playlist with an additional option to completely delete the playlist itself.
Page containing 2 buttons (currently) which the user can select to edit their account details or log out of the website.
User Detail Page:
Change your account email and/or password.
A page where you can type any phrase into the search bar and search results for any songs, artists, or albums matching that phrase will be returned within 1 second of releasing the last character typed automatically.