Music Player em JavaScript usando a biblioteca p5.js. O projeto foi baseado no seguinte artigo AQUI
A intenção dessa demo é não ensinar sobre o p5.js, mas sim, mostrar a todos como é fácil realizar deploy de aplicações estáticas usando o serviço Azure Static Web Apps e como podemos integrar facilmente com o GitHub Actions!
Caso desejam saber um pouco mais sobre a biblioteca p5.js, estarei disponibilizando links e recursos necessários sobre a bíblioteca aqui no README.md
- Visal Studio Code
- JavaScript library - P5.js
- Azure Static Web Apps
- Vs Code Extension - Azure Static Web Apps
- GitHub Actions
- Conta Azure Free
Caso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no Azure for Students. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: AQUI
Antes de iniciar os passos abaixo é muito importante que você execute nesse momento o MongoDb localmente!
- Instalar os pacotes com o comando: (dentro da pasta
src)
> npm install
- Depois executar o seguinte comando para executar a aplicação (dentro da pasta
src):
> npm run start
Depois bastam abrir o postamn em localhost:8000 e testar as requisições
E vòilá! ❤️ ❤️
- ✅ Documentação Oficial do Azure Static Web Apps
- ✅ Curso Microsoft Learn - Publicando uma aplicação e API JavaScript do Angular, React, Svelte ou Vue com Azure Static Web Apps
- ✅ Curso Microsoft Learn - Criando e publicando uma aplicação Web estático com o Gatsby e Azure Static Web Apps
- ✅ Curso Microsoft Learn - Compilando fluxos de trabalho de integração contínua (CI) com o GitHub Actions
- ✅ Documentação Oficial do P5.sound
- ✅ Artigo baseado na demo
Caso tenham dúvidas aos códigos desenvolvidos durante a série de artigos, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!