Uma aplicação web front-end simples e elegante para realizar sorteios. Permite adicionar, remover e sortear nomes de uma lista de participantes de forma interativa e com um efeito visual para anunciar o vencedor.
Site: https://sirmarciusx.github.io/sorteador/
- Adicionar Participantes: Adicione nomes à lista de sorteio de forma rápida e fácil.
- Remover Participantes: Selecione e remova nomes da lista com um clique.
- Sorteio Dinâmico: Realize o sorteio com um clique no botão "SORTEAR!".
- Animação de Resultado: Um efeito de "caça-níquel" revela o vencedor de forma divertida.
- Interface Limpa: Design minimalista e intuitivo, focado na usabilidade.
- Responsividade Básica: O layout se adapta bem a diferentes tamanhos de tela.
Este projeto foi construído utilizando apenas as tecnologias fundamentais da web, sem a necessidade de frameworks ou bibliotecas externas.
- HTML5: Para a estrutura semântica da página.
- CSS3: Para a estilização, layout (Flexbox) e animações.
- JavaScript (Vanilla JS): Para toda a lógica de interatividade, manipulação do DOM e funcionalidade do sorteio.
Este projeto não requer instalação ou um servidor web. Basta executá-lo localmente no seu navegador.
-
Baixe os arquivos: Certifique-se de ter os 3 arquivos do projeto (
index.html,style.css,script.js) na mesma pasta. -
Estrutura da Pasta:
/seu-projeto/ ├── index.html ├── style.css └── script.js -
Abra no Navegador: Abra o arquivo
index.htmlem qualquer navegador de internet moderno (Google Chrome, Firefox, Microsoft Edge, etc.).
E pronto! A aplicação estará funcionando.
Este projeto foi idealizado e implementado por Márcio Gusmão.