NotSpotify is a a web application that uses the Spotify Developer API. This Application and repo was created during Generasi GIGIH 2.0 Program help by Yayasan Anak Bangsa Bisa and GoTo Group's.
- Login with Spotify account
- Display User Profile (Images and Name)
- Create new playlist with selected track's
- Search your favorite tracks
- Track details
- List owned playlist in the SideBar
- Create-react-app, React, Typescript
- Styling: Chakra UI, FontAwesome Icons
- State management: Redux
- Testing: Jest, Testing-Library, MSW
- Linter: ESLint
- Deployment: Vercel
## How to run on local
-
Clone the repo project
git clone https://github.com/dewanggatrustha/notspotify-app.git
-
Go to the project folder
cd notspotify-app
-
Install required dependencies
npm install
-
Setup environment variables
Create file with name
.env.local
and add the following content:REACT_APP_SPOTIFY_CLIENT_ID = {Add your own client ID here}
-
Run the server
npm start
-
Open http://localhost:3000 with your browser to see the result.
Currently NotSpotify App only can run on desktop because my styling not responsive😿. Before you use this app, make sure you already have a Spotify Account to create the API.
- So the first to do click the "Get Started" Button
- After you click the button, you will get the Spotify Authentication page prompt to connect the account to the NotSpotify App. Don't forget to click "Agree" button.
- AFter you success to connect your Spotify Account, you will be redirected to the Create Playlist page and finally you can use the App YEAY!🥳