Skip to content

JefersonFreire/challenge-amigo-secreto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Amigo Secreto 🎁


O projeto que transforma lógica em diversão.

Este projeto foi desenvolvido com o objetivo de praticar lógica de programação em JavaScript. O desafio foi criar a lógica para adicionar nomes, realizar sorteios e gerenciar lista de amigos de forma eficiente e dinâmica.
Todo o HTML e CSS foram fornecidos pelo curso One - Oracle Next Education | Alura, enquanto a lógica em JavaScript foi criada do zero.

Recursos e Funcionalidades

  • Adicione amigos: Insira nomes únicos e crie uma lista personalizada.
  • Sorteio único: Cada amigo é sorteado apenas uma vez, garantindo justiça no processo.
  • Gerenciamento automático: Após o sorteio de todos os nomes as listas são limpas, e o botão de sorteio é desativado até finalizar a limpeza das listas.
  • Inteface intuitiva: Simples de usar, com feedbacks claros para o usuário.

Benefícios de Usar Este Projeto

  • Prática em JavaScript: Manipulação de arrays, controle de fluxo e DOM (Document Onject Model).
  • Feedback instantâneo: Validação em tempo real para evitar duplicidades e erros de entrada.
  • Automatização: Gerenciamento completo das listas com um clique.

Tecnologias Utilizadas

  • HTML/CSS: Estrutura e estilo fornecidos pelo curso One - Oracle Next Education | Alura.
  • JavaScript: Lógica e manipulação do DOM para funcionalidade interativa.

Como Usar 🎮

  1. Clone o repositótio:
    git clone https://github.com/JefersonFreire/challenge-amigo-secreto

  2. Abra o arquivo:
    Navegue até o arquivo index.html e abra no navegador.

  3. Adicione nomes:
    Insira nomes na caixa de texto e clique em "Adicionar" para preencher a lista.

  1. Realiza o sorteio:
    Clique em "Sortear amigo" e veja o nome exibido na tela.

  1. Limpeza automática ou Reiniciar:
    Após todos os nomes serem sorteados, as listas serão automaticamente reiniciadas.
    Se o usuário desejar, poderá reiniciar o jogo a qualquer momento.


Estrutura da Lógica 🎲

  1. Adicionar Amigos

  1. Atualizar Lista de Amigos

  1. Sorteio de Amigos

  1. Reiniciar o Sorteio


Habilidades desenvolvidas 🏫

  • Manipulação de elementos DOM de forma dinâmica.
  • Lógica condicional para validações e controles.
  • Estruturas de repetição para manipular arrays e validações.
  • Organização de código para maior clareza e escalabilidade.

Contribua 🤝🏽

Encontrou algo que pode ser melhorado? Ficarei feliz em receber sugestôes e contribuições!
Abra uma issue ou envie um pull request.

Créditos 🏆

  • One - Oracle Next Education | Alura - Desenvolvimento do Front - end HTML/CSS.
  • Jeferson Freire - Desenvolvimento do Back - end JavaScript.
    GitHub
    Linkedin
  • Ícones
    Emojipedia

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published