[go: nahoru, domu]

Skip to content

rbrown29/Music-App-Frontend

Repository files navigation

Music-App-Frontend

Authors: Richard Brown and Gianni Nola

vinyl

Updated React Frontend and Added Node Backend by Richard Brown

Live Site Link

Frontend
Backend/Songs
Backend/Favorites

Links and Resources to new project

GitHub Project Front End
GitHub Project Backend

Links and Resources to old project

GitHub Project Front End
GitHub Project Backend

Original Goal

This app was designed to add and delete music to a database. Users can also favorite a song, rate a song, and remove a song from favorites list.

Technologies Used:

  1. React - Frontend
  2. Node - Backend
  3. Mongo - Database
  4. JSX
  5. CSS

Approach Taken

Our goal with this app was to design an interface for users to access a database of music and be able to favorite songs of their choosing. They then can access their favorite songs and rate them accordingly

Potential Future Plans

Replace our manually built database with a fully functional third party API so we have access to much more music

Getting Started

  1. Ensure you have Node.js installed.
  2. Create a free Mongo Atlas database online or start a local MongoDB database.
  3. Create a server/.env file with a MONGO_URL property set to your MongoDB connection string.
  4. In the terminal, run: npm install and npm install on the Backend

Running the Project

  1. In the terminal, run: npm start on the Frontend and npm start on the Backend
  2. Browse to the frontend at localhost:3000 and the backend at localhost:3003/songs.