An app that takes your Spotify playlist and creates another one with remixes of the same songs

Overview


logo

An app that takes your Spotify playlist and creates another one with remixes of the same songs

Live Demo


About the Project

Screenshots

screenshot screenshot screenshot

Demo Video

Tech Stack

Color Reference

Color Hex
Mixify Green #222831 #1BD95B

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

CLIENT_ID

CLIENT_SECRET

PASSWORD

SESSION_SECRET

BASE_URL

FRONTEND_URL

Getting Started

Prerequisites

 npm install --global yarn

Run Locally

Clone the project

  git clone https://github.com/zahid47/mixify.git

Go to the backend directory

  cd mixify/backend

Install dependencies

  yarn install

Start the server

  yarn dev

Go to the frontend directory

  cd mixify/frontend

Install dependencies

  yarn install

Start the server

  yarn dev

Roadmap

  • Keep the user logged in using refresh tokens
  • Add support for liked songs
  • Create an ML model to classify if song X is a remix of song Y

Contact

  • email
  • scarecow#2857 on discord

Acknowledgements

You might also like...
Know-emoticon neogcamp - A simple React App which takes the emoji as an input from the given emojis and output its name
Know-emoticon neogcamp - A simple React App which takes the emoji as an input from the given emojis and output its name

Know Emoticon This is React based simple App which takes the emoji as an input f

Spotify, Soundcloud, and YouTube all in one website!
Spotify, Soundcloud, and YouTube all in one website!

Kord App Kord: One place for all of your (Spotify | Soundcloud | Youtube) music. Chromium and Firefox browsers supported only. Built With React.js Gat

Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.
Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.

An application that takes basic information about the user's project as an input and generates a README.md file which the user can upload directly in their project's repository.

An opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos
An opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos

This is an opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos. It is backend gnostic and connects to decentralized backends like box, Dfinity, Filecoin and Crust.

One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love โค.
One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love โค.

React front-end for tclone Try it here back-end repo here looks like twitter, but not ๐Ÿ˜Š It is my own take on building Twitter clone, I have tried to

Yet another Kanban/Trello board lib for React.
Yet another Kanban/Trello board lib for React.

Yet another Kanban/Trello board lib for React. โ–ถ๏ธ Demo Usage โ“ Why? ๐Ÿ‘Š Reliable: 100% tested on CI; 100% coverage; 100% SemVer. ๐ŸŽฎ Having fun: Play wi

Yet another Mastermind game implementation
Yet another Mastermind game implementation

Mastermind Yet another Mastermind game implementation Play https://master-mind.surge.sh Tech Stack React, TypeScript, Tailwind CSS, Vite Development R

Yaade - Yet Another API Development Environment
Yaade - Yet Another API Development Environment

Yaade - Yet Another API Development Environment Yaade is an open-source, self-hosted, collaborative API development environment. ๐Ÿค” Why did you develo

Party Parrot as a Service is your one-stop-shop for all your party parrot needs
Party Parrot as a Service is your one-stop-shop for all your party parrot needs

Demo https://party.highlight.run Team Cameron Brill (@c00brill) Jay Khatri (@theJayKhatri) John Pham (@JohnPhamous) About Party Parrot as a Service Pa

Comments
  • Configure Renovate

    Configure Renovate

    Mend Renovate

    Welcome to Renovate! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.

    ๐Ÿšฆ To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.


    Detected Package Files

    • backend/package.json (npm)
    • frontend/package.json (npm)

    Configuration

    ๐Ÿ”ก Renovate has detected a custom config for this PR. Feel free to ask for help if you have any doubts and would like it reviewed.

    Important: Now that this branch is edited, Renovate can't rebase it from the base branch any more. If you make changes to the base branch that could impact this onboarding PR, please merge them manually.

    What to Expect

    With your current configuration, Renovate will create 10 Pull Requests:

    Pin dependencies
    Update Node.js to v14.20.0
    • Schedule: ["at any time"]
    • Branch name: renovate/node-14.x
    • Merge into: master
    • Upgrade node to 14.20.0
    Update dependency axios to v0.27.2
    • Schedule: ["at any time"]
    • Branch name: renovate/axios-0.x
    • Merge into: master
    • Upgrade axios to 0.27.2
    • Upgrade axios to ^0.27.0
    Update Node.js to v16
    • Schedule: ["at any time"]
    • Branch name: renovate/node-16.x
    • Merge into: master
    • Upgrade node to 16.16.0
    Update dependency @testing-library/react to v13
    • Schedule: ["at any time"]
    • Branch name: renovate/testing-library-react-13.x
    • Merge into: master
    • Upgrade @testing-library/react to 13.3.0
    Update dependency @testing-library/user-event to v14
    • Schedule: ["at any time"]
    • Branch name: renovate/testing-library-user-event-14.x
    • Merge into: master
    • Upgrade @testing-library/user-event to 14.3.0
    Update dependency dotenv to v16
    • Schedule: ["at any time"]
    • Branch name: renovate/dotenv-16.x
    • Merge into: master
    • Upgrade dotenv to ^16.0.0
    Update dependency react-scripts to v5
    • Schedule: ["at any time"]
    • Branch name: renovate/react-scripts-5.x
    • Merge into: master
    • Upgrade react-scripts to 5.0.1
    Update dependency web-vitals to v2
    • Schedule: ["at any time"]
    • Branch name: renovate/web-vitals-2.x
    • Merge into: master
    • Upgrade web-vitals to 2.1.4
    Update react monorepo to v18 (major)
    • Schedule: ["at any time"]
    • Branch name: renovate/major-react-monorepo
    • Merge into: master
    • Upgrade react to 18.2.0
    • Upgrade react-dom to 18.2.0

    ๐Ÿšธ Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or spam the project. See docs for prhourlylimit for details.


    โ“ Got questions? Check out Renovate's Docs, particularly the Getting Started section. If you need any further assistance then you can also request help here.


    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
Owner
lets get this bread!
null
Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Raul Andrade 9 Nov 6, 2022
A React app that uses Spotify's Web API to get your favorite tracks, artists, and recently played songs.

Explorify A React app that uses Spotify's Web API to get your favourite tracks, artists and recently played songs. You can also filter them by timelin

Saket S 27 Jul 21, 2022
A ReactJS clone application of the popular Spotify music streaming service. This application utilizes the Spotify API and the Spotify Web Playback SDK

Spotify Clone Front-End A front-end clone project of the Spotify web player. The project was created using the create-react-app CLI. The app is meant

null 276 Nov 30, 2022
Spotify Profile App - A web app for visualizing personalized Spotify data created using React and Node.js

Spotify Profile App A web app for visualizing personalized Spotify data Local Installation & Set Up Register a Spotify App in your Spotify Developer D

Manish Bhandari 1 May 24, 2022
Spotify UI Clone with React Native & Expo || web support => https://expo-spotify.vercel.app

Spotify: UI Clone with React Native / Expo web demo: Expo Spotify Table of Contents Install & Build Features Linting Expo Web Demo & Release Notes Ins

Caleb Nance 475 Dec 1, 2022
Simple react js web that consume data from Spotify WEB API and use Spotify Playback SDK for playing a tracks

React JS Spotify Clone Simple react js web that consume data from Spotify WEB API and use Spotify Playback SDK for playing a tracks How to run First y

Dody 3 Sep 3, 2022
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Mert ร‡ankaya 11 Jul 11, 2022
Clone do spotify usando react.js e consumindo api do spotify

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

GUILHERME ROCHA 0 Dec 28, 2021
Aura, an easy to use mood tracking app that takes your daily life's mood into account.

Aura, an easy to use mood tracking app that takes your daily life's mood into account. It allows you to understand yourself better and helps you maintain an even mood throughout the day. The app has various features such as graphs, statistics, insights, and relaxing sounds to improve you mood.

Abhinav Rajesh 33 Dec 5, 2022
A website for all the songs from the Love Live! franchise.

Raburadio This is the frontend repository for Raburadio, a website to archive all the songs in the Love Live! franchise. A re-write of the PHP-based L

Hunter Chen 6 Sep 26, 2022