Code Monkey home page Code Monkey logo

mixmatch's Introduction

MixMatch

This primarily contains frontend infrastructure, you can find the backend here

Mission Statement

According to a 2021 study by the UK Government, there were 39 million monthly active users of music streaming services within the UK with other figures showing that in 2017 up to 60 percent of young people in the US use multiple streaming services at the same time. Despite this, most popular music streaming platforms today offer no easy way to export user-created playlists to other competing platforms.

Thats where MixMatch comes in!

MixMatch aims to plug this gap and provide an easy and accessible way for users of streaming services who may want to transfer their awesome playlists between apps. Sarah will now be able to transfer her tough 70 song-long workout playlist from Spotify to Apple Music so her friend Abby, who only uses Apple Music, will be able to collaborate on it with her!

Through dynamic use of Spotify, Apple Music, etc... API's, MixMatch will be able to offer you a simple and clean way to preserve, move, and share your favorite playlists!

Primary framework: React. Bootstrap styling, react-router-dom and other functional front-end packages tbd during development.

v1. Core Features

  • Allow users to connect their Spotify and/or Apple Music accounts and upload an existing playlist from their Spotify/Apple Music account to MixMatch in their 'Playlist Library'
  • Uploaded playlists will be able to be made private or public to all platform users
  • A user will be able to select a playlist in their 'Playlist Library' and create an identical playlist on their alternative music-streaming service account

Pages required for v1: Home page (Masterlist), Login, Register, Profile page, Playlist page, Upload (from) page, Upload (to) page

v2. Additional Features

  • A: Users will be able to share their saved playlists so their friends can easily access and download their playlists between streaming services
  • B: All users will have access to MixMatch 'Masterlist' where they can browse and access all public playlists users have uploaded
  • C: MixMatch 'Studio' - Allow users to add/remove songs from their saves playlists within the app

v3. Final Additional Features

  • D: Implement 'likes' and 'favourites' system for public playlists on MixMatch 'Masterlist'
  • E: Implement 'following' functionality and more in-depth profile page (shows playlists, likes, favourites, followers, following
  • F: Add sharing playlist functionality (twitter initially)
  • G: Add profile status posts ability
  • H: Add connection to another streaming service (Amazon Music/Deezer/)

mixmatch's People

Contributors

milesbb avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.