Aplicación web de piano

Web de practicas que permite tocar el piano con ratón y teclado

DESCRIPCIÓN

Este es un ejercicio de clases donde creamos un Piano con sonido

Tecnologías

Gestor de paquetes

• npm

  Constructor de aplicaciones

• vite

  Testeo

• vitest

Dependencia

• tonejs
• gh-pages

Deploy

https://wilfredopinom.github.io/PianoClases/

Pasos previos

• Descarga las dependencias de terceros

npm install

• Monta en modo desarrolla mi app para probarla

- npm run dev

• Construir la aplicacion

npm run build

• Instalar dependencia particular

npm install tone

• importamos la dependencia al proyecto

import * as Tone from "tone";

• deployar a github

npm run deploy

Requerimientos del cliente

1. Quiero una pagina web que permita tocar el piano.

2. Tendra tanto teclas blancas como negras.

3. Sonará como un piano de verdad

4. Se podra tocar con el teclado del ordenador

Tareas

• [x]mostrar una web con las teclas blancas sin sonido

• [x]permitir que el usuario puelse teclas y suene

• añadir las teclas negras

• permitir que el usuario toque el piano con el teclado del ordenador

• incorporar sonidos reales

• refactorizar

• testear

• deployar

• codigo limpio <-- refactorización

• codigo correcto >-- test

• codigo optimizado(opcional)

• codigo flexible <-- refactorización

• codigo seguro

  git

  1. git add .
  2. git commit -m "xxx"
  3. git push origin master

  Imagen deploy