https://github.com/ipetinate/react-piano

Piano Keyboard made with React - https://react-piano-keyboard.netlify.app/
https://github.com/ipetinate/react-piano

javascript music musical notes piano react web

Last synced: 5 months ago
JSON representation

Piano Keyboard made with React - https://react-piano-keyboard.netlify.app/

• Host: GitHub
• URL: https://github.com/ipetinate/react-piano
• Owner: ipetinate
• Created: 2020-06-25T20:51:17.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T21:54:18.000Z (over 3 years ago)
• Last Synced: 2025-06-02T09:29:40.694Z (about 1 year ago)
• Topics: javascript, music, musical, notes, piano, react, web
• Language: JavaScript
• Homepage: https://react-piano-keyboard.netlify.app/
• Size: 1.24 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Piano Keyboard

> Status

[![Netlify Status](https://api.netlify.com/api/v1/badges/ca0d4558-a885-4b81-99a6-82a1d413889f/deploy-status)](https://app.netlify.com/sites/react-piano-keyboard/deploys)

---

> AVISO

- Aplicação em construção!!

- Itens pendentes:

  - [ ] Sintetizar som semelhante ao de um piano;

  - [ ] Adicionar mais teclas;

  - [ ] Adicionar mapa de teclas do teclado do dispositivo que correspondem as do piano;

  - [ ] Permitir alterar a quantidade de teclas;

  - [ ] Percorer pelos intervalos;

  - [ ] Alterar layout da aplicação;

  - [ ] Adicionar temas;

  - [ ] Permitir uso offline completo;

  - [ ] Permitir gravar o que foi tocado e reproduzir;

  - [ ] Permitir download do arquivo gravado;

  - [ ] Salvar arquivos gravados em lista;

---

- [Demonstração](https://react-piano-keyboard.netlify.app/)

---

- Piano Keyboard made with React

![React Piano Keyboard](https://github.com/ipetinate/react-piano/blob/master/docs/img/react-keyboard-piano.png)