TuneWithMe screenshot 1 of 7
TuneWithMe screenshot 2 of 7
TuneWithMe screenshot 3 of 7
TuneWithMe screenshot 4 of 7
TuneWithMe screenshot 5 of 7
TuneWithMe screenshot 6 of 7
TuneWithMe screenshot 7 of 7

TuneWithMe

December 2024

A tuner web application that allows users to tune their instruments and keep a library of their favorite tunings and instruments.

About This Project

TuneWithMe is a full-stack web application developed for an exam, but greatly extended with additional features beyond the initial scope. It serves as an all-in-one tuning platform, offering musicians a convenient way to explore various instrument tunings, use a built-in tuner, and even customize tunings to their preferences. The platform bridges the gap between fragmented tuning information found online and a clean, centralized user experience.

Key Features

  • Instrument & tuning library
  • Built-in tuner
  • Custom tuning support
  • Search functionality
  • Dark mode
  • Spotify integration
  • Authentication
  • Admin panel

Challenges & Solutions

  • Integrating the Spotify API -> Learned authentication flows, handled token refresh, and parsed external data.
  • Creating a REST API and connecting to MySQL -> Followed best practices and tutorials on structuring REST endpoints and database queries.
  • Designing and styling the frontend (first full-stack app) -> Used Tailwind and explored UI libraries for React; iterated based on testing.
  • Implementing user authentication and admin roles -> Applied sessions or token-based auth to secure the app.

Technologies Used

ReactJavaScriptNode.jsViteTailwind CSSRESTMySQL