Spotify Music Sharing

Website

You can see the website clicking this link Spotify Music Sharing

Project Description

Our product allows users to share their playlists from spotify and make comments on others' playlists. Every user can view their uploaded playlists on their profile page and comment on others by clicking into a certain playlist post from home page. Also, the user can search the post by keywords. We believe this app can foster an great community for music discussion.

Product Vision Statement

For any Spotify users or just people who want to share their feeling on music, Spotify Music Sharing is a web application that create an comfortable environment for sharing music and comments on music.

Minimum Viable Product

• Create playlist post with a name, a link to spotify, and some description.
• View and comment on others' playlist posts.

Features that could be good to add

• Reply to people's comments.
• Follow other users to get notification when they uploaded new playlist.
• Notification a user when someone make comment on his playlist post.
• More to add

Team Members

• Daniel Sun: github
• Laura Lou: github
• Paige Yoo: github
• Austin B Lee: github
• Sylvia Chen:github

Project History

This project is inspired by our team member Daniel Sun's experience with Spotify.

• 12/7/2021 Complete deployment
• 10/17/2021 The prototype has been created for the project now.
• Instructions on how to contribute can be found in the CONTRIBUTING.md

Instruction for Building and Testing the Project

Frontend

cd front-end

Get into the front-end folder

npm build

Donload any dependency that the program need.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Backend

Before you start

Ask any member of the team for .env file so that you can access the database.
Place the .env file under ./back-end folder

cd back-end

Get into the back-end folder

npm build

Donload any dependency that the program need.

nodemon server

Start the server

Relevant Links

• Link to Proposal
• Link to User Design

Other Instructions

1. See the Sprint Planning instructions for the requirements of Sprint Planning for each Sprint.

2. See the Front-End Development instructions for the requirements of the initial Front-End Development.

3. See the Back-End Development instructions for the requirements of the initial Back-End Development.

4. See the Database Integration instructions for the requirements of integrating a database into the back-end.

5. See the Deployment instructions for the requirements of deploying an app.