https://github.com/kretoffer/amlifo-web

https://github.com/kretoffer/amlifo-web

guitar guitar-chords guitar-tuner ts typescript web

Last synced: 6 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kretoffer/amlifo-web
• Owner: kretoffer
• License: mit
• Created: 2026-06-26T18:27:14.000Z (10 days ago)
• Default Branch: main
• Last Pushed: 2026-06-28T15:20:58.000Z (8 days ago)
• Last Synced: 2026-06-28T16:22:33.033Z (8 days ago)
• Topics: guitar, guitar-chords, guitar-tuner, ts, typescript, web
• Language: TypeScript
• Homepage: https://amlifo.web.app
• Size: 55.7 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  
Amlifo

  

  

  

  

  


A web application for guitar practice built with React, featuring a metronome, tuner, chord mini-game, and lesson viewer with Guitar Pro tab support.

## Features

- **🎵 Metronome** — Visual and audio metronome with adjustable BPM (30-300), time signature, tap tempo, and beat indicator

- **🎶 Tuner** — Real-time guitar tuner using Web Audio API microphone input with per-string selection and cent-accurate display

- **🎯 Chord Game** — Two modes:

  - Mode 1: Shows a chord diagram on the fretboard — play it correctly

  - Mode 2: Shows only the chord name — recognize and play it

  - Real-time string-by-string feedback with color-coded visualization

## Architecture

Use @kretoffer/quitar-audio-kit [GitHub](https://github.com/kretoffer/guitar-audio-kit) [Npm](https://www.npmjs.com/package/@kretoffer/guitar-audio-kit)

## Tech Stack

- **Frontend:** Vite + React 19 + TypeScript + Tailwind CSS

- **State:** Zustand

- **Tab rendering:** AlphaTab (Guitar Pro 3-7)

- **Audio:** Web Audio API (metronome, tuner, chord detection)

- **Linting:** oxlint