Skip to content

gtong900/music-stream-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

play with the real site !

You can visit the real site from here

Although signing up your own account is recommended, the test account is provided below:

username:gtong900

password:000000

Note: One account is not allowed to log at different browsers/places at same time, which means that your session could be automatically logged out if others log in with this test account when you are on the account.

or read this site manual !

In this manual:

Login

screen shot 2018-01-14 at 8 45 41 pm

Sign Up

screen shot 2018-01-14 at 8 48 20 pm

Error Message

screen shot 2018-01-14 at 9 00 04 pm

screen shot 2018-01-14 at 8 51 39 pm

When user clicks 'Join' button

  • the initial check would happen at browser level, the browser would check if all the information are filled and if the email address meets the basic format
  • then the input data would be trimmed and unusual content like html tag would be removed as well
  • the clean data would be check at the font end again to see if the password meets requirement and if the passwords and email addresses match respectively
  • finally the data would be sent to server side to check possible problems such as duplicate username or email
  • then all the issues, which result in the failure of registration, will be summaried and sent back to user

User Center (Home)

screen shot 2018-01-14 at 9 05 05 pm

screen shot 2018-01-14 at 9 57 58 pm

  • 'delete' button is used to drop song from playlist, delete playlist, unlike artist and unfollow user

screen shot 2018-01-14 at 9 58 10 pm

  • 'add' button is used to create new playlist

screen shot 2018-01-14 at 10 00 42 pm

  • toggle button is used to set a playlist public to the others or not and it is public by default

Recommendation Page (For You)

screen shot 2018-01-14 at 9 07 28 pm

  • recent play is dynamically updated to display the most recently played 10 songs

Keyword Searching

screen shot 2018-01-14 at 9 17 24 pm

Playlist/Album Page

screen shot 2018-01-14 at 9 21 15 pm

  • when current user visits playlist of the others, there won't be a red 'delete' button on the right

Multi-function Button

screen shot 2018-01-14 at 9 33 13 pm

screen shot 2018-01-14 at 9 33 45 pm

screen shot 2018-01-14 at 9 38 41 pm

  • playlists that are owned by current user would be listed when 'Add to playlist' is clicked

screen shot 2018-01-14 at 9 34 35 pm

screen shot 2018-01-14 at 9 35 10 pm

screen shot 2018-01-14 at 9 35 24 pm

  • currently, each user is allowed to rate one specific track only once and the average rating reflects average result of all the users who have once rated this particular track

Mobile-friendly (iphone X)

wechatimg10 wechatimg9