Spotify.Me.Recreation.Demo.mov
This project is a recreation of the now defunct Spotify-created statistics tracking page known as Spotify.me. This recreation was built solely by me. All credit goes to Spotify for the idea and design. This is a personal project, not made for profit or commercial use.
- Framework:
React.js with Next.js - Styling:
TailwindCSS
The only requirements to set up and run this project are node.js and a package manager such as NPM or Yarn.
- Open your CLI and clone the repo -
git clone git@github.com:frozenal/new_spotify_me.git
cd new_spotify_me
- Install the required dependencies
npm install
- Set up your environment variables in a file titled .env.local. The file should be structured as such:
NEXT_PUBLIC_SPOTIFY_CLIENT_ID=yourclientidgoeshere
NEXT_PUBLIC_SPOTIFY_CLIENT_SECRET=yourclientsecretgoeshere
If you do not have a client ID or client secret, you must create an app in the Spotify developer dashboard. Instructions to do so, as well as set up the rest of your Spotify application, can be found here.
- Run the development server
npm run dev
- Writing reuseable components
- Project structure
Joshua Chisolm
- Website: joshuachisolm.com