View the Site · Report Bug · Request Feature
Mixdup is a progressive web app for making weekly playlists with friends to find new music. Users can vote on their favorite songs each week to prove they have the ultimate hipster clout.
The concept was developed by our Back End team, Ruthie Rabinovitch and Noa Harnik
Currently Mixdup consumes data from a Firebase Realtime database and the Spotify API. Depending on the call, the data is sometimes provided by a middleware express app with it's own Spotify API authentication, but users have the option to authenticate their account as well in the Front End.
This middleware will be depricated by a graphQL database in the future.
React Hooks
Typescript
SCSS
Firebase
Spotify API
- npm: (
npm install npm@latest -g)
- Follow the instructions in the Mixdup Back End Repo to run the server side of the app.
- Fork the repo
- Clone down the forked repo
cdinto your local project and runnpm install- You will need to add the following variables into a
.envfile in the root directory. These values can be created at the Spotify Developer dashboard and with a Firebase account.
REACT_APP_MIXDUP_SPOTIFY_CLIENT_ID,
REACT_APP_SPOTIFY_CLIENT_ID,
REACT_APP_FIRE_API_KEY,
REACT_APP_FIRE_AUTH_DOMAIN,
REACT_APP_FIRE_DATABASE_URL,
REACT_APP_FIRE_PROJECT_ID,
REACT_APP_FIRE_STORAGE_BUCKET,
REACT_APP_FIRE_APP_ID,
REACT_APP_FIRE_SENDER_ID
- Run the app!
npm start- Go to
localhost:3000in your browser
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request to this branch