This is my final project submission for #GenerasiGigih
Create spotify playlist app.
- 🔉 Built-in web player (only works for premium spotify user)
- 🛠 PWA
- 📐 It's responsive
- 😎 It has 💯 cool transition™ 💯
- ✨ etc.
- Create React App to initialize the project.
- Chakra-ui ⚡ for layout & styling.
- Framer/motion for transition animation stuff.
- Jest & react testing-library for testing.
- React redux for state management.
- Written in typescript.
- Hosted on Vercel 🚀.
To run this project, you will need to add the following environment variables to your .env file
REACT_APP_BASE_URL
used for grant flow callback.
REACT_APP_SPOTIFY_CLIENT_SECRET
your spotify developer client secret.
REACT_APP_SPOTIFY_CLIENT_ID
your spotify developer client id.
see .env.example
Clone the project
git clone https://github.com/svspicious/generasi-gigih-homework
Go to the project directory
cd generasi-gigih-homework
Install dependencies
yarn
Start the server (but you need to setup .env first)
yarn start
Open http://localhost:3000 with your browser to see the result.
Any feedback is welcome, you can sumbit issues/feedback here.
Licensed under MIT License, Copyright (c) 2021 Wisesa