Skip to content

DevJany/ChallengeSecretFriend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Amigo Secreto 🎁

Bem-vindo ao Amigo Secreto, um projeto simples e divertido que permite aos usuários organizar um sorteio de amigo secreto de forma fácil e rápida! Com esta aplicação, você pode adicionar nomes de amigos, visualizá-los em uma lista e sortear um nome aleatoriamente.

✨ Funcionalidades

  • Adicionar Nomes: Insira o nome de um amigo no campo de texto e clique em "Adicionar" para incluí-lo na lista.
  • Validação de Entrada: O sistema valida se o campo de texto está vazio ou contém números, exibindo mensagens de erro quando necessário.
  • Visualização da Lista: Todos os nomes adicionados são exibidos em uma lista abaixo do campo de entrada.
  • Sorteio Aleatório: Clique em "Sortear Amigo" para selecionar um nome aleatoriamente da lista e exibir o resultado na tela.

🚀 Como Usar

Adicionar Nomes:

  1. Digite o nome de um amigo no campo de texto.
  2. Clique em "Adicionar" para incluí-lo na lista.
  3. Repita o processo para adicionar mais nomes.

Validar Entrada:

  • Se o campo de texto estiver vazio, uma mensagem de erro será exibida.
  • Se o campo contiver números, outra mensagem de erro será exibida.

Visualizar a Lista:

  • Todos os nomes adicionados aparecerão em uma lista abaixo do campo de entrada.

Sortear Amigo:

  1. Clique em "Sortear Amigo" para selecionar um nome aleatoriamente da lista.
  2. O nome sorteado será exibido na tela.

💻 Tecnologias Utilizadas

  • HTML: Estrutura da página.
  • CSS: Estilização e design responsivo.
  • JavaScript: Lógica de adição de nomes, validação e sorteio aleatório.

📂 Estrutura do Projeto

ChallengeSecretFriend/
├── index.html          # Página principal do projeto
├── style.css           # Estilos CSS para a página
├── app.js              # Lógica JavaScript do projeto
├── assets/             # Pasta contendo imagens e ícones
│   └── amigo-secreto.png
│   └── play_circle_outline.png
└── README.md           # Este arquivo

🔗 Acesse o Projeto Online

Você pode visualizar e testar o Amigo Secreto diretamente no navegador:

👉 Clique aqui para acessar o projeto online

🤝 Contribuição

Contribuições são bem-vindas! Se você quiser melhorar este projeto, siga os passos abaixo:
  1. Faça um fork do repositório.

  2. Crie uma branch para sua feature:

    git checkout -b feature/nova-feature
  3. Faça o commit das suas alterações:

    git commit -m 'Adicionando nova feature'
  4. Faça o push para a branch:

    git push origin feature/nova-feature
  5. Abra um Pull Request.

📜 Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

👨‍💻 Autor

Feito com ❤️ por Janyelle.

Releases

No releases published

Packages

No packages published