Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/epiled/piano-simulator

✔🎹 3. Projeto do bootcamp Potêncial tech Ifood - Desenvolvimento de Jogos.
https://github.com/epiled/piano-simulator

css html js

Last synced: about 1 month ago
JSON representation

✔🎹 3. Projeto do bootcamp Potêncial tech Ifood - Desenvolvimento de Jogos.

Host: GitHub
URL: https://github.com/epiled/piano-simulator
Owner: Epiled
License: mit
Created: 2024-01-22T15:35:55.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-07-25T13:50:41.000Z (5 months ago)
Last Synced: 2024-07-25T15:19:34.992Z (5 months ago)
Topics: css, html, js
Language: CSS
Homepage: https://epiled.github.io/piano-simulator/
Size: 722 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # 🎮🎹 Piano Simulator

Projeto do bootcamp Potêncial tech Ifood - Desenvolvimento de Jogos, patrocidado pelo IFood.

| :placard: Vitrine.Dev |     |

| -------------  | --- |

| :sparkles: Nome        | **Piano Simulator**

| :label: Tecnologias | html, css, js

![Banner-piano](https://github.com/user-attachments/assets/4efbcce3-fa47-4d6b-97e1-cd59619a9c8f)

 📃 Detalhes do projeto 


Simulador de piano desenvolvido utilizando tecnologias web, como html, css e javascript.

![Badge](https://img.shields.io/github/last-commit/Epiled/piano-simulator?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/code-size/Epiled/piano-simulator?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/count/Epiled/piano-simulator?style=for-the-badge)

![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)

![Bagde](https://img.shields.io/github/v/release/Epiled/piano-simulator?style=for-the-badge)

![Bagde](https://img.shields.io/github/license/Epiled/piano-simulator?style=for-the-badge)

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

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

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

 📑 Tabela de Conteúdos 


   * [Detalhes do projeto](#detalhes-do-projeto)

   * [Demonstração](#demonstracao)

   * [Instalação](#instalacao)

   * [Como usar](#como-usar)

   * [Tecnologias](#tecnologias)

   * [Autor](#autor)

 👀 Demonstração 


https://github.com/user-attachments/assets/80110ff2-7dd2-4d95-8fc3-5bd01e95672d

 ⚙ Instalação 


```

1. git clone https://github.com/Epiled/piano-simulator.git

2. cd piano-simulator

```

 👩‍🏫 Como usar 


```

1. Abra o arquivo index.html no navegador

```

 🛠 Tecnologias 


As seguintes tecnologias foram usadas na construção deste projeto:



  HTML5

  CSS3

  JavaScript



 👨‍💻 Autor 




![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)

 


 _{Felipe De Andrade}

Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)

[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)