333ibghw3
Comp 333, Ian, Bartek, Gavin homework 3. reimplementation and expansion of hw2.
This project is a web app for users to rate songs. Users can:
Create a song - insert song name, artist and rating Read list of songs - views songs in database so users can browse through Update song - for users to make corrections when needed Delet song - removes song and information from database
The app provides a user-friendly interface for managing song collection and seeing what other users rated for other songs.
Features
- log in/sign up feature for old/new users
- Add songs to database along with artist and your rating
- Update element if your opinion changed, if something was written wrong, etc.
- Delete element if you no longer want it in the database
- Option to search databse for artists you enjoy
Setting Up
- Pull from the latest commit of the 'mainMerge1' branch and cd into the 'frontend' folder.
- Run/execute 'npm i'.
- If you recieve errors upon starting the react server install dependencies individually. (npm install react-icons, npm install react-router-dom, npm install axios)
- Make a copy of the repo and put it into wherever you may manage your backend directly inside of 'htdocs'. (./htdocs/333ibghw3)
MVC and REST API Explanation
MVC is a way to organize an app: the model holds the data and rules, the view shows it to the user, and the controller takes orders from the user and tells the model and view what to do.
The REST API is what allows the software to communicate. Clients use HTTP methods to interact with resources by sending requests to specific endpoints which the server can then respond to. This helps applications work together more easily.
Add songs
Delete
in order to see delete, you need to confirm at the bottom of the page, and then refresh!