Benny Joram
Music-Tabs application landing page

Project Overview

Music-Tabs is a full-stack web application designed to allow users to create, share, and explore guitar tabs in a dynamic, user-friendly environment.

Technologies Used

  • Ruby on Rails
  • PostgreSQL
  • Bootstrap
  • JavaScript
  • AJAX
  • PWA

Key Features

  • Secure user authentication and account management via Devise.
  • Intuitive interface for creating and editing guitar tabs.
  • Dynamic page navigation using AJAX for a seamless experience.
  • Full Progressive Web App (PWA) capabilities for offline use.

The Challenge

Musicians often rely on static, hard-to-read text files or clunky platforms to find and share guitar tabs. The user experience is frequently disjointed, requiring full page reloads for navigation and lacking modern features like easy editing or offline access.

My Solution

I developed Music-Tabs to solve these problems by creating a fast, modern, and reliable platform for guitarists. By leveraging Ruby on Rails for a robust backend and AJAX for a dynamic frontend, the application feels incredibly responsive. It functions as a Progressive Web App (PWA), so users can install it on their home screen and access their tabs even without an internet connection.

Core Idea

Build an installable, offline-capable web app that feels as fast and fluid as a native mobile application.

Application Gallery

List of guitar tabs

Tabs Library Page

Viewing a single guitar tab

Individual Tab View