Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alan-oliveir/simulador_piano

Teclado musical virtual feito com javascript.
https://github.com/alan-oliveir/simulador_piano

css html5 javascript

Last synced: 2 days ago
JSON representation

Teclado musical virtual feito com javascript.

Host: GitHub
URL: https://github.com/alan-oliveir/simulador_piano
Owner: Alan-oliveir
License: mit
Created: 2023-12-31T17:21:34.000Z (11 months ago)
Default Branch: main
Last Pushed: 2023-12-31T20:02:28.000Z (11 months ago)
Last Synced: 2023-12-31T22:55:42.395Z (11 months ago)
Topics: css, html5, javascript
Language: CSS
Homepage: https://alan-oliveir.github.io/simulador_piano/
Size: 732 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # Simulador de Teclado

**Sobre:** Projeto desenvolvido durante o Bootcamp Potência Tech iFood - Desenvolvimento de Jogos.  

O objetivo desse projeto é desenvolver um simulador de piano totalmente funcional, utilizando apenas HTML, CSS e Javascript.

## Tecnologias utilizadas

![AGPL License](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![AGPL License](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![AGPL License](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

- HTML5 e CSS3: Para a estrutura e aparência do simulador.  

- JavaScript: Para a lógica de programação e interatividade.  

## Preview

![img](https://github.com/Alan-oliveir/simulador_piano/blob/main/images/piano_screen.png)

## Deploy

A página está disponível para ser acessada em:

https://alan-oliveir.github.io/simulador_piano/

___

**Créditos:**   

Acesse [aqui](https://github.com/Alan-oliveir/simulador_piano/blob/main/CREDITS.md)

**Contato:**  

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/alan-ogoncalves)