Inspiration

The inspiration for Musician Match came from the need to connect musicians in a meaningful way. As artists often face challenges in finding collaborators who share their style and vision, we wanted to create a platform that bridges that gap and makes collaboration seamless. The love for music and the community it creates motivated us to bring this idea to life.

What it does

Musician Match is a platform that allows users to create profiles, connect with fellow musicians, and form bands. Users can browse other artists, view suggestions, and upload their music samples. It also features a personalized playlist generator for bands and a built-in chat feature for seamless communication. The platform provides a unique way for artists to find like-minded musicians and build connections based on their passion for music.

How we built it

We built Musician Match using a React frontend and a Flask backend, with Firebase as the database to store user information and relationships. Key features, such as user authentication, follow/unfollow functionality, and personalized playlist generation, were implemented with careful attention to user experience. CSS and responsive design principles were utilized to ensure a visually appealing and accessible interface.

Challenges we faced

Auth0 for user authentication proved to be a significant hurdle, as it required in-depth configuration and debugging to ensure secure and seamless login functionality. After much hard work and perseverance, we successfully implemented Auth0. Another major challenge was implementing the dynamic follow/unfollow functionality while keeping the interface consistent across pages. Handling real-time updates to relationships between users required precise database operations and front-end state management. Another challenge was building the playlist generator to cater to diverse musical preferences while ensuring accurate data filtering.

Accomplishments that we're proud of

  • Successfully integrating a follow/unfollow feature that updates dynamically across the platform.
  • Creating an intuitive user interface with a strong focus on user experience.
  • Building a personalized playlist generator for users and their bands, which enhances collaboration across the platform.
  • Implementing a chat feature that allows users to connect.

What we learned

Through this project, we deepened our understanding of full-stack development, especially in managing state between the frontend and backend. We also learned the importance of user-centered design and how to address potential challenges with database relationships. Building a platform that handles dynamic user interactions taught us the value of careful planning and testing as well as keeping solid communication with teammates.

Built With

Share this project:

Updates