Skip to content

Dwipasca/my-playlist-spotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Playlist Spotify

Screenshoot

Screen Shot 2022-07-11 at 07 52 05

Screen Shot 2022-07-11 at 07 53 26

Screen Shot 2022-07-11 at 07 54 34

Videos

https://www.instagram.com/p/CSyeF-XHFtNG-rD4787GCUlEyWwUH5UpBTktTo0/

Features

  • Login, for user to login in this app with her/him account developers spotify
  • Search music, users can search their music favorite
  • Create a new playlist
  • link direct show user profile
  • Switch theme Light or Dark

Depp or Lib I use

  • Node versi 14
  • React
  • React-router-dom
  • Typescript
  • Chakra UI
  • React-redux
  • Redux-toolkit
  • React-hook-form
  • MSW (Mocking Service Worker)

How to use

  • clone this repo
    git clone git@github.com:Dwipasca/my-playlist-spotify.git
  • create your .env.local file to match .enc.example file.
  • update your .env.local file as your local configs :
    REACT_APP_SPOTIFY_ID = {Your client id in acount developer spotify}
    REACT_APP_BASE_URL = {http://localhost:3000/}

  • install depp
    yarn or yarn install
  • run project
    yarn start
  • run test
    yarn test