michaelwilcox / Headfon.es
Licence: mit
a mini Spotify clone ð§
Stars: â 62
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Headfon.es
A Pop
ðķ HD Music Streaming and Sharing Web App
Stars: â 55 (-11.29%)
Mutual labels: graphql, music, spotify
Listentogether
Grab some friends, connect your Spotify account, and listen to music in sync with each other.
Stars: â 19 (-69.35%)
Mutual labels: music, spotify
Spotifyscrape
Export Spotify Playlists to Google Play Music All Access
Stars: â 16 (-74.19%)
Mutual labels: music, spotify
Panther
Discover artists through an infinite node graph
Stars: â 878 (+1316.13%)
Mutual labels: music, spotify
Django Graphql Jwt
JSON Web Token (JWT) authentication for Graphene Django
Stars: â 649 (+946.77%)
Mutual labels: graphql, oauth2
Harmony
ðĩ Sleek music player for Spotify, SoundCloud, Google Play Music and your local files
Stars: â 841 (+1256.45%)
Mutual labels: music, spotify
Spotify Downloader
Download your Spotify playlists and songs along with album art and metadata (from YouTube if a match is found).
Stars: â 6,957 (+11120.97%)
Mutual labels: music, spotify
Shoutoutplay
The mobile app that allows you to create and record personal dedications using your favorite music playlists for corporate events, parties, weddings and get togethers.
Stars: â 28 (-54.84%)
Mutual labels: music, spotify
Youtubetospotify
A Python script to fetch tracks of music channels on Youtube, find them on Spotify and add them to a playlist
Stars: â 33 (-46.77%)
Mutual labels: music, spotify
Graphql Music
ðļA workshop in building a GraphQL API
Stars: â 33 (-46.77%)
Mutual labels: graphql, music
Practical.cleanarchitecture
Asp.Net Core 5 Clean Architecture (Microservices, Modular Monolith, Monolith) samples (+Blazor, Angular 11, React 17, Vue 2.6), Domain-Driven Design, CQRS, Event Sourcing, SOLID, Asp.Net Core Identity Custom Storage, Identity Server 4 Admin UI, Entity Framework Core, Selenium E2E Testing, SignalR Notification, Hangfire Tasks Scheduling, Health Checks, Security Headers, ...
Stars: â 639 (+930.65%)
Mutual labels: graphql, oauth2
React App
Create React App with server-side code support
Stars: â 614 (+890.32%)
Mutual labels: graphql, create-react-app
Spotifyapi Net
ð A Client for the Spotify Web API, written in C#/.NET
Stars: â 887 (+1330.65%)
Mutual labels: music, spotify
Create Eth App
Create Ethereum-powered apps with one command
Stars: â 597 (+862.9%)
Mutual labels: graphql, create-react-app
Alltomp3 App
Download and Convert YouTube, SoundCloud & Spotify in MP3 with full tags (title, artist, genre, cover, lyrics ðĨ)
Stars: â 920 (+1383.87%)
Mutual labels: music, spotify
Muse
An open-source Spotify controller with TouchBar support
Stars: â 594 (+858.06%)
Mutual labels: music, spotify
Spotty Features
Show trends about your music listening habits over time. Create playlists from a given seed and specified audio features.
Stars: â 20 (-67.74%)
Mutual labels: music, spotify
Ytspotifydl
Youtube and Spotify music downloader with metadata.
Stars: â 34 (-45.16%)
Mutual labels: music, spotify
client setup
- create-react-app base template for the setup. Currently it is non-ejected.
- react 16.5
- @reach/router routing
- react-copy-write state management
- typescript type system
- Spotify Web Playback SDK
server setup
- Node.js server platform
- GraphQL data transport
- Spotify API Spotify Web API
- typescript type system
- MongoDB database local
- mLab database cloud
TODO
- [ ] Review Accessibility + Improvements
- [ ] Mobile Friendly UI Improvements
- [ ] React 16 Profiler Exam (performance)
- [ ] Improve Search Results (currently listings are limited)
- [ ] Artist Page ...
local database
address environment variable: MONGO_DB_URI_DEV
production database
- mLab or another hosted mongo cloud solution
address environment variable: MONGO_DB_URI_PROD
environment variables
DEBUG=false
PROD_HOST=http://localhost
DEV_HOST=http://localhost
PROD_PORT=3000
DEV_PORT=3004
SESSION_SECRET=XXXXXXXXXXXXXXXXXXXXXXXXXXX
SPOTIFY_CLIENT_ID=XXXXXXXXXXXXXXXXXXXXXXXXXXX
SPOTIFY_CLIENT_SECRET=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX
SPOTIFY_REDIRECT=/auth/callback
JWT_SECRET=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX
MONGO_DB_URI_DEV="mongodb://localhost:27017/<database-name>"
MONGO_DB_URI_PROD="mongodb://<username>:<password>@<instance>.mlab.com:13402/<database-name>"
JWT_ISSUER=spotify-app-dev
JWT_AUDIENCE=spotify-app-user
running locally
To get the client and server code up and running:
yarn install-deps
yarn start-dev
You will also need to be running an instance of MongoDB
mongod
deployment
This can be deployed using a service such as now:
git clone https://github.com/mjw56/headfon.es
cd spotify
now -e SESSION_SECRET=XXXXXXXXXXX -e SPOTIFY_CLIENT_ID=XXXXXXXXXXX -e SPOTIFY_CLIENT_SECRET=XXXXXXXXXXX -e SPOTIFY_REDIRECT=/auth/callback -e JWT_SECRET=XXXXXXXXXXX -e MONGO_DB_URI_PROD=XXXXXXXXXXX -e JWT_ISSUER=XXXXXXXXXXX -e JWT_AUDIENCE=XXXXXXXXXXX
domain
aliasing to a domain is easy with now
now alias <now-url> <domain>
writing
issues
If you run into any issues, if something is not working or doesn't make sense, please don't hesitate to file an issue.
license
MIT
Happy Hacking!
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].