What is this?

This is an app that leverages the Spotify API for listening to music. It has basic search functionality for albums, songs, playlists. It's built on React, TypeScript, GraphQL and NodeJS.

Setup

Requirements

• Node <= 14.17.5
• Yarn
• MongoDB

NOTE

Currently this only supports up to Node v14. I need to move away from node-sass-chokidar as it is now deprecated. This project is still using node-sass ~v4 and this does not support node > v14.

Steps

0. add environment variables
1. mongod
2. yarn run install-deps
3. yarn run start-dev

This will install everything and open the app in browser. If something is broken, please file an issue so I can fix! Want to make this setup as painless as possible.

Environment Variables

these can live in an .env file under /server

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=""
JWT_ISSUER=spotify-app-dev
JWT_AUDIENCE=spotify-app-user

Writing

• GraphQL Authentication with Passport

• GraphQL Authentication using OAuth & JSON Web Tokens

• Multi-Environment MongoDB

• Dynamic App Themes with CSS Variables and JavaScript 🎨

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!