Spotify-Artist-Search

Spotify Artist Search is a special App that lets you search for your favorite Artist, including his Albums

How to run the app

1. Either fork or download the app and open the folder in the cli
2. Install all dependencies using the npm i command
3. Start the web server using the npm run command. The app will be served at http://localhost:3000/
4. Go to http://localhost:3000/ in your browser and start the action.

How to use the Program

1. Simply Search for your Artist.
2. Supply the optional props to the component if needed.

Features

• Search Panel

  • Search your favorite Artist
  • Followers of the artist will be shown
  • Rating of the artist will be shown

• Albums Detailed Once search for your artist and click on his cards you can see the following data:

• His Album Names

• Preview Albums

• See the albums related to your favorite Artist

• Other Artists Involved

• Release Date

• Number of Tracks

Future Features

• More Control in terms of searching/filtering
• Bug Fixes

Dependencies

• "@emotion/react": "^11.6.0",
• "@emotion/styled": "^11.6.0",
• "@material-ui/core": "^4.12.3",
• "@material-ui/icons": "^4.11.2",
• "@mui/icons-material": "^5.2.0",
• "@mui/material": "^5.2.1",
• "@testing-library/jest-dom": "^5.11.4",
• "@testing-library/react": "^11.1.0",
• "@testing-library/user-event": "^12.1.10",
• "@types/jest": "^26.0.15",
• "@types/node": "^12.0.0",
• "@types/react": "^17.0.0",
• "@types/react-dom": "^17.0.0",
• "axios": "^0.24.0",
• "react": "^17.0.2",
• "react-dom": "^17.0.2",
• "react-router-dom": "^5.3.0",
• "react-scripts": "4.0.3",
• "typescript": "^4.1.2",
• "web-vitals": "^1.0.1"

What the app looks like