UrSpotify App (Generasi Gigih 2.0 Final Project)

UrSpotify is A web-based application that can create playlists for the Spotify app easily. This app consume Spotify Web API. This app is built using React.js, React Redux, and React Router. This application is also built using one of the UI Component Libraries, namely Chakra UI.

Features

Search for tracks that you love
Can create playlists for tracks that you choose

Bonuses Features~

Can see display name and profile picture of your Spotify account
Dark Mode / Light Mode feature for switching them
To be continued

Built with

Create React App to initialize the project with TypeScript 💎.
React Redux to manage the app state.
Chakra-ui ⚡ to build the user interface.
Jest & react testing-library to test the UI and implementation. 🧪
Hosted on Vercel 🚀.

How to Run

Environment Variables

REACT_APP_SPOTIFY_CLIENT_ID contains Spotify Client ID. You can get your Spotify Client ID from here.

Run on Local

Clone the project to your local

 git clone https://github.com/rpturbina/homework-spotify-app.git

Go to the project directory
```
cd homework-spotify-app
```
Install required dependencies
```
npm install
```
Set up the environtment variables
Start app in development mode and open http://localhost:3000 to view it in the browser.
```
npm start
```
Or you can access the deployed online app via Vercel through this web.