Project Repository

Project Description

• Product Vision Statement: Free expression for every music lover.

GlassTune! is a music ranking app that allows users to view songs and leave rating and comments about their thoughts. Users are allowed to create accounts and choose to log in and log out. They can also search for individual songs that they want to rate as well as look at the current reviews for that song. Users can also comment under these posts or create a post of their own. GlassTune! also allows for people to view other profiles to see what other users have posted and commented. You can even follow your friends! The goal of our product is to create a community of users where they can actively share their thoughts on songs as well as see and communicate with other people's views. This allows users to not only learn more about songs they might not have heard yet but also receive opinions from other users that may align or clash with their own thoughts.

Deployed Link To Our Project

Link to GlassTune!

Project History and Contribution

As frequent users of Spotify, we found ourselves wanting to learn more about our friends' opinions on the same songs we listen to. When comparing albums, we would each have different rankings for our favorite songs, and realized that having an app that would allow for us to input this and view other people’s rankings would help make the music listening experience even more interactive.

Team Members

• Athena Leong
• Jaylyn Bido
• Richard Li
• Amber Li
• Gayatri Rithe

See CONTRIBUTING.md for information on project contribution.

Additional Links

• SpotifyAPI

Project Building/Testing Instructions

To run front-end...

This project was bootstrapped with Create React App.

• use npm install and npm install react, then npm start in the project directory cd front-end so the front-end app runs.
• open http://localhost:3001 to view the web app in your browser. The page will reload when you make changes.
• create an account, or use a valid log in to access the full app's functionality
• use npm test for testing

To run and test back-end...

• use npm install, then npm start in the project directory cd back-end for the back-end to run
• be sure to use npm install c8 --save-dev, npm install mocha chai --save-dev, npm install mongoose, and npm install express
• use npm test to run the c8 module and mocha/chai unit tests. results and code coverage will appear in the terminal
• open http://localhost:3001 to view the complete app in your browser.

Deployment

This app is deployed via a Digital Ocean droplet.