Technologies Used

Languages: JavaScript, Python
Frontend: React, Redux, CSS3, HTML5, React-Player
Backend: Flask, WTForms, PostgreSQL, SQLAlchemy

Demo Login

Implemented demo login, allowing potential users to conveniently test out the app.

View a Song

View song information including author, label, released date, lyrics and song bio.

Play Song Media

Users can listen to or watch MV of the song.

Add Annotations

Select lyrics to add annotations. Annotated lyrics will be highlighted.

Add Comments

Users can add comments to their favorite songs.

Add a Song

Users can their favorite songs by filling out a form.

Edit a Song

Only some of the information are required when users add a song and they can add more details later on by editing the song.

View Profile and Activities

Users can go to their profile page to update personal information and see their created songs and annotations.

Search Songs

Songs, Artists and Lyrics that match the keyword will be returned.