React Guitar

Languages and libraries

ui component library

SHOW HN2020

242points
41comments
#199of 3,028 in 2020
Top 7%of 2020 by points

How HN took it

LovedMost comments that take a side are positive

10 positive, 8 neutral or asking, 2 mixed, 0 critical, out of 20 comments about the project. Thread score +0.42.

Design: 3 for, 0 againstIdea: 3 for, 0 againstExecution: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Fun, responsive and useful for learning and practice

    From 3 comments
    • This is so cool! Super responsive and fun.
      PascLeRasc on HN
    • Had fun playing it. Thanks for sharing
      imvetri on HN
    • Pro classical guitar teacher here. Thank you for your great work! I see some wonderful potential educational uses for this. If you'd like further feedback, please don't hesitate…
      markvdb on HN
  • Left-handed option appreciated

    From 1 comment
    • as a left-handed guitarist, I really appreciate the left-handed option.
      kvst on HN
  • Nice visual design and interaction

    From 2 comments

Objections

  • Muting a string is not obvious to users

    From 1 comment
    • Very clever. Took me a second to figure out how to mute a string. I figured it out, and I can't think of a better way, but otherwise it was quite easy to figure out.
      jfengel on HN
  • Fretboard view could show more frets at once

    From 1 comment
    • lovely- the demo could have a little wider view of the fretboard, maybe 6 or 8 frets at a time.
      the_cat_kittles on HN

Requests

  • Add custom text or color on finger indicators

    From 1 comment
    • Very nice! I have been working on a triad and inversion practice tool in React and may seriously consider rewriting it to use your component.…
      porkloin on HN
  • Add more alternate tunings such as Neil Young and Joni Mitchell

    From 1 comment
    • Very nice! Humble suggestion: Add some Neil Young and Joni Mitchel tunings.
      pxi on HN
  • Add theming or skins

    From 1 comment
    • If there is anyone with experience on theming React components I would be really happy to have some ideas/help on how to add support for guitar themes/skins:…
      4lejandrito on HN
  • Add hotkey for hover to play

    From 1 comment
    • This is incredible. My only suggestion, make a hotkey (optionally toggle / push to touch) for the hover to play
      tehwebguy on HN

Questions

  • Which Neil Young and Joni Mitchell tunings are correct

    From 1 comment
    • Thanks for the suggestion. I've been doing my research (sorry I have limited guitar knowledge, I am learning Spanish flamenco now). According to…
      4lejandrito on HN

Alternatives named

  • Fretty (Vue fretboard app)

    From 1 comment
    • Looks nice! I‘m currently working on something similar based on vue: https://fretty.app It‘s a work in progress but you can already play around with scales and different tunings
      tfeldmann on HN
  • fretboard.cool

    From 1 comment
  • all-guitar-chords.com

    From 1 comment
    • The best interactive guitar UI I've ever found is all-guitar-chords.com and I use several of its features regularly. It might not be built with the hotness but the reverse scale…
      gpspake on HN
  • jguitar.com

    From 1 comment
    • Since we're sharing, here's mine: https://jguitar.com/ Made the front page of HN a couple of years ago too: https://news.ycombinator.com/item?id=18037657
      asaph on HN
  • Soundslice

    From 1 comment
    • Have you used Soundslice (https://www.soundslice.com/) with your students? I help make it and would love to get your feedback.
      adrianh on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/23921478)