Heard of Spotify? Must have! This is a clone-kinda application same as spotify which basically retrieves data (such as playlists, songs, etc..) from the logged in user's profile using Spotify's Web API. No biggie, just something I wanted to try with Tailwind-CSS and NextJs over a few weekends.
Have used Recoil for the state and value manager instead of typical useState in react.
Tailwind CSS for time-saving and hectic frontend work. (Yes, I'm lazy), which basically allows you to prevent writing media queries for different screen sizes and some really cool responsiveness of every possible detail.
-
Clone this Repo:
git clone https://github.com/daspacebar/SpotifyClone.git
-
Install packages
yarn install or npm install
-
Go to your Spotify Developer and copy your CLIENT SECRET AND CLIENT ID to your clipboard and paste it in environment variable file.
-
Create a file
.env.local
and follow the.env.example
for inserting keys and secrets from your spotify developer's profile. -
That's it, now run the project with
yarn run dev or npm run dev
Some issue with the Redirect URI, the ticket for the same has already been created in the repository. Feel free to create a PR and help me solve this issue lol. Until then this project remains deployed in an incomplete state.
Some WIP! Peace!