/Sorteio-amigo-secreto

Projeto criado durante o curso React: testando os componentes.

Primary LanguageTypeScript

Sorteador de Amigo Secreto

React: testando os seus componentes

Um Sorteador de Amigo Secreto para facilitar a brincadeira.

Página Inicial

Página de sorteio

🔨 Objetivo do projeto

Utilizando TDD (Test Driven Development) como prática de desenvolvimento, foi utilizado editor de texto e o terminal para nos orientarmos durante o desenvolvimento, deixando a estilização da página para o final. Criamos testes unitários no padrão triple A (Arrange, Act, Assert) testando comportamentos e funções dos componentes pelo Jest e React Testing Library. Os testes também foram adicionados aos scripts de build da aplicação na Vercel, fazendo deploy apenas do código que passar nos testes, o que gera mais segurança para os commits. Para estilização desse projeto optei por utilizar Styled-Components pela praticidade e para experimentar a biblioteca.

✔️ Técnicas e tecnologias utilizadas

  • TDD
  • React
  • React Hooks
  • TypeScript
  • Jest
  • Styled-Components

🛠️ Abrir e rodar o projeto

Para abrir e rodar o projeto, execute npm i para instalar as dependências e npm start para inicar o projeto.

Depois, acesse http://localhost:3000/ no seu navegador.

Deploy Vercel

Sorteador de Amigo Secreto

📚 Certificado

Certificado de conclusão