https://github.com/akhil017/spotifyme
https://github.com/akhil017/spotifyme
nextjs14 react recharts server-side-rendering shadcn-ui spotify spotify-api tailwindcss typescript
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/akhil017/spotifyme
- Owner: Akhil017
- Created: 2024-07-09T17:24:31.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-09T10:33:44.000Z (9 months ago)
- Last Synced: 2025-01-26T11:28:45.563Z (3 months ago)
- Topics: nextjs14, react, recharts, server-side-rendering, shadcn-ui, spotify, spotify-api, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://spotifyyme.vercel.app/
- Size: 896 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify Me
### Overview
Spotify Me is an open-source web application that provides a visual overview of your Spotify account. It allows you to explore your Spotify profile, view your top artists, tracks, and playlists, and gain insights into your listening habits with a sleek and intuitive interface.
### Features
- View your Spotify user profile
- Explore your top artists and tracks
- Browse your playlists
### Preview
### Installation
To get started with Spotify Dashboard, follow these steps:
### Prerequisites
Node.js (version 14 or higher)
npm or yarn or pnpm
### Clone the Repository
```bash
git clone https://github.com/your-username/spotify-dashboard.git
cd spotify-dashboard
```
### Install Dependencies
```bash
pnpm install
# or
npm install
# or
yarn install
```
### Set Up Environment Variables
Create a .env file in the root of the project and add your Spotify API credentials:
```bash
AUTH_SPOTIFY_ID=""
AUTH_SPOTIFY_SECRET=""
AUTH_SECRET=""
NEXTAUTH_URL=""
```
### Run the Application
```bash
pnpm run dev
```
Visit http://localhost:3000 in your browser to see the app in action.
### Usage
1. Login with Spotify: Click the "Get Started" button to authenticate with your Spotify account.
2. Explore Your Data: Navigate through the app to view your profile, top artists, tracks, and playlists.
### License
This project is licensed under the MIT License. See the LICENSE file for details.
### Contact
For any questions or feedback, please open an issue on the GitHub repository or contact the project maintainer at [email protected].
### Acknowledgments
- [Spotify API](https://developer.spotify.com/documentation/web-api) for providing access to Spotify data.
- [Next JS](https://nextjs.org/) for the front-end framework and hosting.
- [Shadcn UI](https://ui.shadcn.com/) for the styling framework.