This project is for Final Project Generasi Gigih Batch 2 in FrontEnd track Generasi Gigih. Using integration of Spotify API, it could be used to find your favorite musics, select them all, and don't worry, you could save them as your own playlist that is created right into your account.
- Login using your Spotify Developer account 🔊
- Take a look on all of your favorite musics by find on Search music feature 🔍
- Create playlist from your favorite music 🎧
- As a bonus, you can see the Profile Picture and User Name of your account 👤
- Create React App to initialize the project.
- Typescript.
- Jest, react testing-library for testing the UI and implementation.
- Material UI and Emotion to make the user interface.
- React redux for state management (store).
- Deploy using Vercel.
This is the guide in case you want to run this project on your own
- Clone this repository
git clone https://github.com/ardiansyahp8/gg-final-project-music-platform
- Open the project directory folder from your command prompt or Git Bash
cd gg-final-project-music-platform
- Installing the packages
npm install
- Setup the environment variable to run this project.
- Start the server
npm start
Open http://localhost:3000 with your browser to see the result
You can launch the test runner by using
You have to set the .env
file to add environment variable to run this project
- Create the
.env
file. - Update your
.env
REACT_APP_SPOTIFY_CLIENT_ID = Your client id retrieved from Spotify Developer account