Skip to content

CS732/SE750 group repository for the Lustrous Lynxes

Notifications You must be signed in to change notification settings

rayaway2020/project-group-lustrous-lynxes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music APP by lustrous-lynxes

[BeST Music App] - Group project for CS732/SE750 group: Lustrous Lynxes

Project Overview

BeST Music is a music streaming service web app along with social platform elements where passionate music lovers may share their thoughts and discover more great musics. Users are encouraged to sign up an account at our web app that provides free music streaming and creating playlist services. The frontend was implemented using React framework, along with node.js, tailwind CSS, MUI-material UI and backend database was supplied by MongoDB.

Project Features

This application supply the following feature:

  • 💭 Search song: The users may wish to search for any songs they are interested in and will be presented with a number of matched results
  • 🎵 Play/Pause/Skip: The users will be albe to perform play/pause/skip actions with a specific song as the basic function of an music streaming web app.
  • 📃 Display details of songs: Some basic information like name, cover and duration of a song would be showed to the user.
  • 🔍 Search playlist: The users may also wish to search for a playlist existed or created by others
  • 🔑 User authentication: Users can either choose to use this app with or without authenticated, by registering a new account and log in, they can perform some furhter functionality.
  • 📁 Create new playlist and add songs: Once logged in, users can also cutomized their own playlists and add songs to it.
  • 💝 Like/dislike a playlist: Users would be able to like the playlist and find liked playlist in their account
  • 💬 Comment songs and like others comments: Users can interact with others using this commenting/like comment system to share their thoughts and feelings about the song.
  • 💿 Recommmended playlists: The users would be recommened with some playlist such as trending, new realeased playlists.

Quick Installation: Frontend and Backend

At the root directory

cd frontend
npm i

and

cd backend
npm i

Usage: Frontend and Backend

At the /frontend and /backend directory, respectively, run

npm run dev

To run tests

npm run test

More Information about our project

If you want to know more about the project architecture or any implementation details, visit the wiki page here.

Application screenshots

Home page

image

Search page

image image

Playlist page

image

Song detail page

image

Users' library page

image

About

CS732/SE750 group repository for the Lustrous Lynxes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages