THE WORK / A CLOSER LOOK

Zaiger Guitar — Music Education

Next.jsReactTypeScriptEChartsecharts-for-react@dnd-kitsortable)pdf-libdocxxlsxReduxredux-persistremark-gfmZodRadixshadcn/uiTailwindreact-infinite-scroll-component

Discuss a similar challenge

MY ROLE: Frontend Development

01 / overview

The idea & the product

Music education dashboard for guitar instruction with lesson management, student tracking, and multi-format document export.

02 / story

The full story

A Next.js dashboard for guitar teachers and music schools to manage lessons, track student progress, maintain chord libraries, and log practice sessions. Features ECharts for data visualization, dnd-kit for drag-and-drop lesson reordering, and multi-format export (PDF, DOCX, XLSX) for lesson plans and reports. Redux Toolkit with persistence handles complex state.

03 / architecture

Under the surface

Web App / Education Dashboard

What the product does

Guitar chord library and reference
Lesson management with drag-and-drop reordering
Student progress tracking and analytics
Practice session logging
Music theory content with markdown rendering
Multi-format export: PDF (pdf-lib), DOCX (docx), XLSX
ECharts interactive data visualization
Redux with persistence
Infinite scroll for large lesson libraries
Dark mode support

Where this connects.

Explore more projects, read the engineering field notes, or browse the services if you're planning something similar.