https://github.com/alexgurr/mixmello

Create remixed versions of your favourite Spotify playlists.
https://github.com/alexgurr/mixmello

music react spotify

Last synced: 3 months ago
JSON representation

Create remixed versions of your favourite Spotify playlists.

• Host: GitHub
• URL: https://github.com/alexgurr/mixmello
• Owner: alexgurr
• Created: 2021-10-02T08:08:43.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-20T08:50:52.000Z (about 3 years ago)
• Last Synced: 2024-05-16T02:36:06.044Z (6 months ago)
• Topics: music, react, spotify
• Language: SCSS
• Homepage: https://www.mixmello.com
• Size: 2.36 MB
• Stars: 42
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• ideas-for-projects-people-would-use - alexgurr/mixmello

README

        


![React](https://img.shields.io/badge/react-v17+-60D9FA.svg)

![Build Status](https://therealsujitk-vercel-badge.vercel.app/?app=mixmello)

![Dependencies](https://img.shields.io/badge/dependencies-up%20to%20date-brightgreen.svg)

[![GitHub Issues](https://img.shields.io/github/issues/alexgurr/mixmello.svg)](https://github.com/alexgurr/mixmello/issues)

![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)

www.mixmello.com

 

## About

Create remixed versions of your favourite Spotify playlists.

 

💡 Idea by [Divide-By-0](https://github.com/Divide-By-0/app-ideas-people-would-use).

 

### Stack

Frontend: `react@latest`

Design/Logo: [`@alexgurr`](https://twitter.com/alexgurr)

Backend: `none`

APIs: [`Spotify`](https://developer.spotify.com/documentation/web-api/)

Authentication: [`OAuth pkce`](https://oauth.net/2/pkce/)

 

### Screenshots

| | |

|:-------------------------:|:-------------------------:|

| |  |

|  |  |

 

## Getting Started

### Environment Variables

#### Required

- `REDIRECT_URL`: Redirect URL Spotify will redirect the OAuth flow back to. This should be added to the list of whitelisted domains in the Spotify console. Defaults to `localhost:3000`

- `SPOTIFY_CLIENT_ID`: The Client ID of your Spotify app. Your client should have the scopes: `user-library-read` `playlist-modify-private` `playlist-read-private` `playlist-modify-public` `playlist-read-collaborative`

- `SASS_PATH`: This should be set to **src/styles** or the SCSS import resolution will fail

#### Optional

- `GA_ID`: Google Analytics ID

- `SENTRY_DSN`: Sentry error reporting DSN (url)

 

### Install

`yarn` or `npm install`

 

### Start

`yarn start` or `npm run start`