https://github.com/george-swift/my-spotify

Web app for insightful personalised Spotify data such as top artists, tracks, playlists, recommendations and more!
https://github.com/george-swift/my-spotify

nextauth nextjs spotify-web-api tailwindcss

Last synced: 1 day ago
JSON representation

Web app for insightful personalised Spotify data such as top artists, tracks, playlists, recommendations and more!

• Host: GitHub
• URL: https://github.com/george-swift/my-spotify
• Owner: george-swift
• Created: 2022-02-15T21:11:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-28T20:43:41.000Z (6 months ago)
• Last Synced: 2024-04-14T14:10:26.904Z (6 months ago)
• Topics: nextauth, nextjs, spotify-web-api, tailwindcss
• Language: JavaScript
• Homepage: https://myspotifywrapped.vercel.app
• Size: 2.39 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Spotify

Insights on personalised Spotify data such as top artists, tracks, playlists, recommendations and more!

![](./public/og.png)

## Live Link

[Click to see live](https://myspotifywrapped.vercel.app/)

## Built With

- Spotify Web API

- Next.js

- NextAuth.js

- TailwindCSS

## Getting Started

To run the app in a local environment,

- [Register a Spotify app](https://developer.spotify.com/dashboard/applications) and add `http://localhost:3000/api/auth/callback/spotify` as a `Redirect URI` in the app settings

- Clone this project by running `git clone https://github.com/george-swift/my-spotify.git`

- Create an `.env` file in the root of the project based on `.env.example`

- Run `npm install` to install the required dependencies and lastly `npm run dev` to fire up a local server

## Acknowledgments

- [Spotify Development Guides](https://developer.spotify.com/documentation/general/guides/)

- [Inspired by Brittany Chiang](https://newline.co/courses/build-a-spotify-connected-app)

## Authors

👤   **Ubong George**

- LinkedIn: [Ubong George](https://www.linkedin.com/in/ubonggeorge/)

- Twitter: [@\_\_pragmaticdev](https://twitter.com/__pragmaticdev)

- GitHub: [@george-swift](https://github.com/george-swift)