Coder Social home page Coder Social logo

barbaramir / desenvolve_amigo-secreto Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 357 KB

Aplicação de Sorteio de Amigo Secreto desenvolvido por meio do conceito de TDD: Test Driven Development (Desenvolvimento orientado a testes).

Home Page: https://desenvolve-amigo-secreto.vercel.app

HTML 6.31% TypeScript 75.74% CSS 17.95%
reactjs tdd-react

desenvolve_amigo-secreto's Introduction

Testando Sorteador Amigo Secreto

📝 Descrição do Projeto

A página da web do Sorteador de Amigo Secreto foi desenvolvida ao longo do curso de React: Testando seus componentes da Alura para a trilha Fullstack - Programa Desenvolve Boticário 2023, por meio do conceito de TDD: Test Driven Development (Desenvolvimento orientado a testes).

📌 Status do Projeto

Projeto Finalizado ✅

🔨 Funcionalidades do projeto

A aplicação foi desenvolvida a partir de um design pré-definido, focando-se sobretudo em refatorações de código e no desenvolvimento dos testes.
Alguns dos pontos trabalhados ao longo do projeto foram a criação de hooks para encapsulamento dos estados dos componentes, execução de código assíncrono, utilização de temporizadores nos testes com Jest, preparação de mocks dos hooks customizados, realização de testes de snapshot.

Os seguintes testes foram implementados na aplicação:

  • Formulário:

    • Garantir que a página esteja sendo renderizada corretamente
    • Validar se quando um input está vazio, novos participantes não podem ser adicionados
    • Validar a adição de um participante à lista caso exista um nome preenchido
    • Garantir que nomes duplicados não podem ser adicionados na lista
    • Validar se a mensagem de erro some após os timers
  • Sorteio:

    • Testar se todos os participantes podem exibir o seu amigo secreto
    • Testar se o amigo secreto é exibido quando solicitado
    • Garantir que o sorteio não seja realizado caso o número de participantes seja insuficente
    • Garantir que o sorteio seja realizado caso o número de participantes seja suficente

☑️ Tecnologias utilizadas no projeto

As seguintes ferramentas foram usadas na construção do projeto:

  • React
  • TypeScript

Autores


Bárbara Mirelli

Feito com ❤️ por Bárbara Mirelli 👋🏽 Entre em contato!

Linkedin Badge

desenvolve_amigo-secreto's People

Contributors

barbaramir avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.