idadhamz/generasi-gigih-homework-1

GenerasiGigih Front-end Homework submission

Sepotify - Create Playlist

This is my final project submission for #GenerasiGigih

Create spotify playlist app.

Live preview.

Features

• 🔉 Built-in web player (only works for premium spotify user)
• 🛠 PWA
• 📐 It's responsive
• 😎 It has 💯 cool transition™ 💯
• ✨ etc.

Built Using

• 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 🚀.

Environment Variables

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

Run Locally

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.

Feedback

Any feedback is welcome, you can sumbit issues/feedback here.

License

Licensed under MIT License, Copyright (c) 2021 Wisesa