Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caioliveira277/beat-maker
The creative javascript course 2
https://github.com/caioliveira277/beat-maker
course front-end gulp javascript
Last synced: 17 days ago
JSON representation
The creative javascript course 2
- Host: GitHub
- URL: https://github.com/caioliveira277/beat-maker
- Owner: caioliveira277
- License: mit
- Created: 2020-04-06T21:12:43.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-12T00:57:52.000Z (over 1 year ago)
- Last Synced: 2024-11-22T22:31:37.462Z (3 months ago)
- Topics: course, front-end, gulp, javascript
- Language: JavaScript
- Homepage: https://caioliveira277.github.io/beat-maker/
- Size: 1.11 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BeatMaker 🎧
## Projeto elaborado no curso ***The creative javascript course***
![]()
![]()
![]()
![]()
## Ideia 💡:
Criar um projeto simulando um **controlador MIDI - beat maker**, onde seja possível criar toques customizados.## Funcionalidades:
- Ajustar BPM;
- Resetar toques selecionados;
- Mutar colunas;
- Alterar tipo do toque;
- Alterar tema para dark.## Executando o projeto: 🚀
Para executar e visualizar o projeto em **modo de desenvolvimento**, você precisará seguir as próximas etapas.### Pré-requisitos:
Abaixo estará listada as ferramentas necessárias para o funcionamento do projeto.
- **NodeJS versão 12**
[Guia de instalação NodeJS](https://nodejs.org/en/).
### Instalando dependencias:
Execute o comandos para instalar as dependencias do projeto.
```sh
npm install
```
### Executando o projeto:
Os scripts abaixo executam a compilação do projeto.
```sh
gulp minifyJs
```
###### Comando para compilar e minificar o Javascript
```sh
gulp minifyCss
```
###### Comando para compilar e minificar o CSS---
## Links: 🌐
***Projeto online GitHub Pages:***
[Link do projeto](https://caioliveira277.github.io/beat-maker/)***Curso The Creative Javascript:***
[Link do curso](https://developedbyed.com/p/the-creative-javascript-course)***Documentação Gulp:***
[Gulp docs](https://gulpjs.com/)---
## Licença
Este projeto está licenciado sob a licença [MIT] - consulte o arquivo LICENSE.md para obter detalhes