Git Product home page Git Product logo

melodate-remix's Introduction

melodate

find your love at first note

melodate is a web app experience that allows the user to discover new artists à la online dating ✨🎶

motivation

melodate came about as a way for me to automate and enhance my process in looking for new music. before building this product -- i would go to spotify, click on an aritst, go through each of their related artists, take some of those artists' songs, and add the songs to a playlist. i grew tired of performing all these steps manually, and thus, the idea for melodate was born!

experience

the melodate experience is unique to each user! the application prompts the user to log in through spotify, which it leverages to get the user's top artists in the last month. the app then shuffles through those artists' related artists, and presents them in the swipe-right, swipe-left format some of us have gotten (too) familiar with. the user can view each artist's genres and top song, allowing him/her to determine whether the artist is hot ♥️️➡️ or not ❌⬅️. the app also allows the user to follow the spotify accounts and/or make a playlist of the top songs of the artists they swiped right on.

access

melodate is now deployed on https://melodate-remix.fly.dev/. use the app on either mobile or desktop! and of course, you must be a spotify user to use melodate.

tech used

fun facts

  • i have zero experience with dating apps.
  • this app was (un)originally called spinder in early design stages. like... spotify tinder. sigh.
  • i had actually built this app before! in its first iteration, melodate was completely built with html and express. i decided to rebuild the app because i wanted to practice my react + remix skills.

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.