/spotify

Primary LanguageTypeScript

Table of Contents

About The Project

Project image

Built with

  • Next.js
  • TypeScript
  • Sass
  • Spotify API
  • Genius API

Description

  • Using official Spotify API to get large library of tracks.
  • Handling large data of albums, artists, tracks, custom playlists and more.
  • Using Genius API to get lyrics for any track page.
  • Includes your personal library, where you can save your favorite albums, playlist, artists and tracks.
  • Custom made player that plays tracks
  • Resizable sidebar.

Getting Started

  1. Clone the repository, and move to the root directory of the project
git clone https://github.com/LukaKobaidze/typing-app
  1. Install packages
npm install

or

yarn install
  1. Add environment variables for APIs (add .env.local file at the root directory of the project)
SPOTIFY_CLIENT_ID=<your-spotify-client-id-here>
SPOTIFY_CLIENT_SECRET=<your-client-secret-here>
GENIUS_ACCESS_TOKEN=<your-genius-access-token-here>

To get your personal tokens/ids mentioned above, check out these APIs official pages:
https://developer.spotify.com/documentation/web-api
https://genius.com/developers

  1. Run the application locally
npm run dev

or

yarn dev