Skip to content

cis3296f24/MusicMatcher

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Matcher

Overview

MusicMatcher is a web application designed to connect users based on their music preferences. Through MusicMatcher, a Spotify user can find other Spotify listeners who like some of the same songs and artists. Once you have your matches, you can check out their Spotify profiles to see what else they listen to! If you want, you can even follow their profiles right from the MusicMatcher homepage.

homepage

Features

  • Top Artists & Songs: The homepage displays the user's favorite songs and artists.
  • User Matching: Matches users with similar music tastes based on their listening history, enabling them to discover other listeners with shared interests.
  • Profile Exploration: Users can view the Spotify profiles of their matches and explore their music preferences to find new songs and artists.

Tech Stack

  • Frontend: JavaScript, vite,
  • Backend: Firebase for storing and using user data
  • API Integration: Spotify API for obtaining user data.

Installation

To run the project locally, clone the repository and install dependencies:

# Clone the repo
git clone https://github.com/cis3296f24/MusicMatcher

# Navigate into the project directory
cd MusicMatcher/musicmatcher

# Install dependencies
npm install

# Start the development server
npm run dev

Open the WebApp

In your browser, visit: http://localhost:5173/

Since MusicMatcher is currently in development mode, only authorized Spotify accounts can use it for now.

Sign in with these credentials to see how it works:

email: deleted

password: temppw4demo

License

This project is open-source and available under the MIT License.

About

MusicMatcher is a webapp that helps Spotify users connect with each other based on shared musical interests.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 66.8%
  • CSS 25.1%
  • HTML 8.1%