GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → MastaCoder → MySpotify

MastaCoder / MySpotify

Licence: MIT license
A website to view your Spotify stats.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

spotifyreactjsnextjsexpressjsspotify-web-api

Projects that are alternatives of or similar to MySpotify

laravel-spotify
Laravel-Spotify is a simple wrapper around the Spotify Web API that makes working with its endpoints a breeze!
Stars: ✭ 141 (+271.05%)
Mutual labels:  spotify, spotify-web-api
spotify-playlist-generator-analyzer
Creates a personal playlist based on self chosen preferences.
Stars: ✭ 38 (+0%)
Mutual labels:  spotify, spotify-web-api
foo spotify
foobar2000 component for Spotify integration
Stars: ✭ 158 (+315.79%)
Mutual labels:  spotify, spotify-web-api
Exportify
Export/Backup Spotify playlists using the Web API
Stars: ✭ 1,611 (+4139.47%)
Mutual labels:  spotify, spotify-web-api
personal-dj
Personal DJ site that creates playlists given custom inputs. View it live at: http://personaldj.net/
Stars: ✭ 27 (-28.95%)
Mutual labels:  spotify, spotify-web-api
whichone
A personalised Spotify quiz based on the music you listen to
Stars: ✭ 14 (-63.16%)
Mutual labels:  spotify, spotify-web-api
Spotify-Telegram-Bio-Updater
Spotify Telegram Bio Updater Heroku Integration
Stars: ✭ 26 (-31.58%)
Mutual labels:  spotify, spotify-web-api
remixr
Discover new music based on the Spotify playlists you know and love!
Stars: ✭ 37 (-2.63%)
Mutual labels:  spotify, spotify-web-api
spotify-vibe-check
Spotify Vibe Checker Web App to vibe check your Spotify Playlists! (currently broken due to CORS)
Stars: ✭ 24 (-36.84%)
Mutual labels:  spotify, spotify-web-api
spotipy2
The next generation Spotify Web API wrapper for Python 3.7+
Stars: ✭ 25 (-34.21%)
Mutual labels:  spotify, spotify-web-api
passport-examples
A variety of examples using PassportJS with ExpressJS and ReactJS applications
Stars: ✭ 44 (+15.79%)
Mutual labels:  spotify, expressjs
musicritic
Your personal music-specific Metacritic.
Stars: ✭ 45 (+18.42%)
Mutual labels:  spotify, spotify-web-api
spotify-auth-code-example-vue
VueJS boilerplate app with Spotify API authentication and data fetching.
Stars: ✭ 12 (-68.42%)
Mutual labels:  spotify, expressjs
spotify-release-list
📅 Display list of Spotify releases from artists you follow
Stars: ✭ 142 (+273.68%)
Mutual labels:  spotify, spotify-web-api
react-redux-spotify
React + Redux + Spotify web api boilerplate project
Stars: ✭ 14 (-63.16%)
Mutual labels:  spotify, spotify-web-api
react-spotify-player
Realtime Spotify Player built with React.
Stars: ✭ 126 (+231.58%)
Mutual labels:  spotify, spotify-web-api
spotify-true-random
🔀 An application for unbiased truly random playlist and library shuffling with Spotify.
Stars: ✭ 51 (+34.21%)
Mutual labels:  spotify, spotify-web-api
SpotifyWebApi
A .net core wrapper for the Spotify Web API
Stars: ✭ 19 (-50%)
Mutual labels:  spotify, spotify-web-api
SpotMusicGen
A Program that creates a Spotify playlist from a YouTube Playlist
Stars: ✭ 47 (+23.68%)
Mutual labels:  spotify, spotify-web-api
spotify-web-sdk
A JS SDK for the Spotify Web API.
Stars: ✭ 39 (+2.63%)
Mutual labels:  spotify, spotify-web-api
View All Similar Projects ➔

MySpotify

Description

A Next.js (React.js) with a Node.js backend that makes use of the Spotify API to show users their top tracks and artists within various time periods. Project was created mainly to play around with the various API endpoints while displaying the information on a modern and mobile compatible frontend.

Table of Contents

Installation

  1. Clone repository to local environment.
  2. Install all dependencies with npm install.
  3. Grab a Spotify API key at the Spotify Developer Dashboard and add the info to .env.sample.
  4. Rename .env.sample to .env or .env.local.
  5. Run Next.js project with npm run dev.

Usage

You can visit the website at localhost:3000. Click the button to login with your Spotify account and that's all!

Spotify's API has changed since this project first started. You can only login with your own Spotify account that made the key if you do not have a quota extension. You can read more about it at this Spotify blog post.

License

This project is covered under the MIT License.

Screenshots

img

img

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].