Skip to content

🎶 What are you listening to on Spotify?! Generate an image, built with Next.js ❤️

Notifications You must be signed in to change notification settings

Viibrant/imlisteningtothis

Repository files navigation

I'm Listening to This

(song that I've sent you an image about detailing its metadata in a nifty way)

Status GitHub Stars GitHub Issues GitHub Pull Requests License

📝 Table of Contents

🧐 About

This project is a web app that allows you to generate an image with the metadata of a song that you are currently listening to. It uses the Spotify API to get the song's metadata and then generates an image.

The purpose of this project is to explore web programming, specifically PKCE authentication, and to create a fun project that I can use to share what I'm listening to with my friends.

🎈 Usage

Online

This will be hosted on a website, but it isn't yet. So that's tough for now. Lol.

Local

To run this locally, you will need to have a Spotify Developer account and create an app. You will also need to have Node.js installed.

  1. Clone the repository
  2. Run npm install to install the dependencies
  3. Create a .env file in the root directory with the following:
CLIENT_ID=your_client_id
CLIENT_SECRET=your_client_secret
REDIRECT_URI=http://localhost:3000/callback
  1. Run npm start to start the server
  2. Go to http://localhost:3000 in your browser
  3. ???
  4. Profit

✍️ Authors

About

🎶 What are you listening to on Spotify?! Generate an image, built with Next.js ❤️

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages