Skip to content

A simple Next.js app that shows now playing status using Spotify API. Also, my final project for "Framework Valley: React" @ codedex.io

License

Notifications You must be signed in to change notification settings

FireHead90544/Pookiefy

Repository files navigation

Pookiefy

A simple Next.js app that displays now playing status of the currently playing song using Spotify API & TailwindCSS. This project was created as the final project for "Framework Valley: React" at codedex.io.

image

Demo

Check out the live demo: Pookiefy

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

  • Node.js
  • npm or any other package manager
  • Spotify app (can be created at Spotify Dashboard)
    • Enable user-read-playback-state scope.
    • Add http://localhost:3000/api/callback or your deployment callback url as redirect uri.

Installation

  1. Clone the repo:

    git clone https://github.com/FireHead90544/Pookiefy.git
    cd Pookiefy
  2. Install dependencies:

    npm install
    # or
    yarn install
  3. Set up environment variables:

    • Create a .env file in the root directory.
    • Add your Spotify API credentials to the .env file:
      SPOTIFY_CLIENT_ID=your_client_id
      SPOTIFY_CLIENT_SECRET=your_client_secret

Running the App

  1. Start the development server:

    npm run dev
    # or
    yarn dev
  2. Open http://localhost:3000 with your browser to see the result.

Usage

  1. Open the application.
  2. Authorize with your Spotify account.
  3. View the currently playing song on your Spotify account.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

License

Distributed under the MIT License. See LICENSE for more information.


This is a Next.js project bootstrapped with create-next-app.

Deploy on Vercel

The easiest way to deploy this Next.js app for production use is to deploy it on Vercel.

About

A simple Next.js app that shows now playing status using Spotify API. Also, my final project for "Framework Valley: React" @ codedex.io

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published