
Music Tabs is a web application focused in compiling guitar tabs, providing musicians with a centralized and easily accessible resource to learn and share music. This approach not only simplifies the search for accurate tabs and chords but also fosters a community of collaboration among guitar enthusiasts.
This project is a music tabs platform developed to enhace my skills in modern web development technologies. The frontend was built using Next.JS, showcasing a seamless and responsive user interface. The backend was powered by Spring Boot ensuring robust and scalable API functionalities. For data persistence, I design and implement a relational database in Postgresql where the hole operations are managed by functions. The hole code was stored in Azure repos using git as control version.
Frontend, backend and database where containerized independently using Docker and raised up using a Docker Compose file, streamlining the development and deployment process.
This fullstack project allowed me to practice well used technologies while addressing a real-world need for organized and reliable musical resources

Architecture diagram

Entity relation diagram

Main page

Search music tabs page

Tab content detail

About page

Login in admin azure

Azure Entra ID whitelist

Admin dashboard

Add/Edit song fomr

Add/Edit song content form