DecoMusic é um projeto desenvolvido durante um hackathon de mais de 24 horas organizado pela deco.cx. É uma aplicação de página única construída utilizando Preact, TypeScript, Deno e Tailwind CSS. O projeto prioriza a praticidade e desempenho dos sites.
O objetivo principal do DecoMusic é fornecer prévias de músicas utilizando a API do iTunes. Os usuários podem buscar músicas pelo nome do artista principal, reproduzi-las e salvá-las em uma lista de favoritos. A lista de favoritos é mantida mesmo quando o usuário sai da página.
O site é totalmente responsivo e se adapta a diferentes dispositivos, como celulares, tablets e computadores.
- Alisson Tassi - GitHub: Alisson Seraphim
- Dijair - GitHub: dijair12
O DecoMusic é hospedado pela Deco e pode ser acessado em https://deco-sites-decomusic.deno.dev.
- Preact
- TypeScript
- Deno
- Tailwind CSS
- Buscar músicas pelo nome do artista principal
- Reproduzir prévias de músicas
- Salvar músicas em uma lista de favoritos
- Armazenamento persistente da lista de favoritos
- Design responsivo para celulares, tablets e computadores
Para executar o projeto DecoMusic, siga estas etapas:
-
Clone o repositório do GitHub:
-
Navegue até a pasta do projeto:
-
Execute o comando para iniciar o servidor:
deno task start
-
Abra o navegador e acesse
http://localhost:8000
para utilizar o DecoMusic.
Aceitamos contribuições para o DecoMusic! Se você deseja contribuir, siga estas etapas:
- Faça um fork do repositório no GitHub.
- Crie uma nova branch para a sua funcionalidade ou correção.
- Faça as alterações necessárias e faça commit do seu código.
- Faça push das suas alterações para o seu fork.
- Envie um pull request para o repositório principal.
DecoMusic is a project developed during a hackathon that lasted over 24 hours, organized by deco.cx. It is a single-page application built using Preact, TypeScript, Deno, and Tailwind CSS. The project prioritizes the practicality and performance of websites.
The main purpose of DecoMusic is to provide song previews using the iTunes API. Users can search for songs by the name of the main artist, play them, and save them to a favorites list. The favorites list remains saved even when the user leaves the page.
The website is responsive and adapts to different devices such as mobile phones, tablets, and computers.
- Alisson Tassi - GitHub: Alisson Seraphim
- Dijair - GitHub: dijair12
DecoMusic is deployed by Deco and can be accessed at https://deco-sites-decomusic.deno.dev.
- Preact
- TypeScript
- Deno
- Tailwind CSS
- Search for songs by the name of the main artist
- Play song previews
- Save songs to a favorites list
- Persistent storage of the favorites list
- Responsive design for mobile phones, tablets, and computers
To run the DecoMusic project, follow these steps:
-
Clone the repository from GitHub:
-
Navigate to the project directory:
-
Execute the command to start the server:
deno task start
-
Open your web browser and go to
http://localhost:8000
to use DecoMusic.
We welcome contributions to DecoMusic! If you'd like to contribute, please follow these steps:
- Fork the repository on GitHub.
- Create a new branch for your feature or bug fix.
- Make the necessary changes and commit your code.
- Push your changes to your fork.
- Submit a pull request to the main repository.