Statify lets you see your top artists, favorite tracks, and what you've been listening to recently, with extra details about each song listed. You can also create and save playlists of recommended songs based on songs and artists you are currently listening to.
You can see the website live in action here: [https://youtu.be/DwYvO98_IYk]
To contribute you will first need to fork the repo and make some adjustments to get it up and running on your local machine. Below are the steps to follow for you to get Statify to run on your local machine.
-
Create a
envfileProvide your values as needed. The .env values can be seen in the
.env.examplefile. -
Configure your database
You can use PlanetScale to run your database by following this link. After creating an account and creating a database, click the big connect button, select connect with Prisma and then copy the
DATABASE_URLfor your.envfile. -
Create a new Spotify application
Follow this link to create a new app filling the following required details on creation:
Website: http://localhost:3000/ Redirect URI: http://localhost:3000/api/auth/callback/spotifyOnce completed, you will be redirected to the application page settings. From there, copy the
SPOTIFY_CLIENT_IDandSPOTIFY_CLIENT_SECRETinto the.envfile.
In the end your local .env file should look something like the following:
DATABASE_URL='mysql://dev:dev@localhost/statify'
# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
NEXTAUTH_SECRET=""
NEXTAUTH_URL="http://localhost:3000"
SPOTIFY_CLIENT_ID="real_client_id"
SPOTIFY_CLIENT_SECRET="real_client_id"
-
Install dependencies
Use pnpm to install dependencies.
pnpm install -
Push database schema
pnpm prisma db push -
Running the dev server
Finally, you can run the dev server:
pnpm dev
