INFINITE LOOP BY S12G8

Infinite Loop is a music player webapp. It implements Vue as the frontend framework, MongoDB as database and node.js express as backend framework. This project has been deployed to heroku with this link https://infinite-loop.herokuapp.com/.

How to Install

1. Clone the project
2. Open up two terminals for the frontend and the backend by typing cmd in Run, the first terminal will be at the root directory and the second will be at the views directory, navigate by using cd
3. Type npm install or npm i to both terminals
4. Type npm run dev to first terminal and npm run serve to the second terminal
5. Open up your browser and go to http://localhost:8080/ to view frontend
6. Login with admin account with username = admin and password = admin
7. View mongoDB changes using mongoDB compass with the connection string located in models/db.js

Note

• Songs may take 2-3 minutes to appear after trying to add one
• Other accounts can be found inside here
• If ever songs need to be re-inserted manually refer to here
• Other part of the application may also take some time depending on connectivity

Authors

• Carlos Shi
• Erwin Chen
• Andilyn Uy

Acknowledgment

This project could not be completed without the help of our professor Arren Antioquia. For that we extend our gratitude for his guidance.

Special Thanks

• Ricardo Zhao, for making the logo
• Traversy Media, Academind and other youtubers for walking us through Vue, Vuex, Heroku, express.js, MongoDB, Mongoose, npm packages and node.js
• Stack Overflow for solving some of our javascript concerns
• Related websites that also walked me through Vue and its packages
• Other references