This is a simple web app that allows you to search for an artist using the Spotify API and view their albums and tracks. The app also displays the artist and track's popularity. It also allows you to view your recently viewed when you perform a search and preview tracks.
- Node.js - v16
- TypeScript - v5
- Create a Spotify app and get your client ID and secret here
-
Clone the repo by running:
git clone [email protected]:glowingmanagement/unhurd-spotify-webapp.git
-
Change into the directory by running:
cd unhurd-spotify-webapp
-
Install dependencies by running:
npm run app:install
-
Create a
.env
file in the server directory and add your Spotify client ID and secret following the.env.example
for reference -
Build the app by running:
npm run build
-
Start the server by running:
npm start
-
Open your browser and go to:
http://localhost:3000
| CLIENT_ID | Client ID from the Spotify API |
| CLIENT_SECRET | Client secret from the Spotify API |
| PORT | Port to run the server on | Default: 8000 |
| webapp:start | Start running the webapp |
| webapp:build | Build the react application |
| webapp:install | Install dependencies for the webapp |
| server:start | Start the server |
| server:build | Compile the server |
| server:install | Install dependencies for the server |
| server:dev | Run the server in development mode using Nodemon |
| app:install | Install all dependencies for the server and webapp |
| start | Concurrently run the server and webapp |
| build | Build and compile the server and webapp |
- [GET] /v1/api/search/
- [GET] /v1/api/search/:artistName
- [GET] /v1/api/album/:albumId:previewId
MIT License
Josh Holmes: