Git Product home page Git Product logo

teste-frontend-2023's Introduction

Desafio UOL

Next JS React Testing-Library Jest Storybook

Aplicação desenvolvida durante o processo seletivo para desenvolvedor front-end do UOL. Sua funcionalidade consiste em listar clientes resultantes de uma chamada de API e a filtragem deles de acordo com parâmetros inseridos pelo usuário.

Links online

Site rodando deploy do projeto

Site rodando deploy do Storybook do projeto

Pré-requisitos

  • Node.js (versão 14.6.0 ou superior)
  • npm (geralmente vem com o Node.js) ou Yarn
  • git (opcional, para clonar o repositório)

Como Rodar Localmente

  1. Clone este repositório (ou faça o download do ZIP):

    git clone https://github.com/moggishere/desafio-uol.git
  2. Acesse o diretório do projeto:

    cd desafio-uol
  3. Instale as dependências com npm:

    npm install

    Ou, instale com Yarn:

    yarn
  4. Execute o servidor de desenvolvimento do Next.js com npm:

    npm run dev

    Ou, com Yarn:

    yarn dev

    O aplicativo estará disponível em http://localhost:3000.

Nota: Caso queira executar npm start ou yarn start é necessário realizar npm run build ou yarn build primeiro.

Como Executar o Storybook

  1. Certifique-se de estar no diretório do projeto:

    cd desafio-uol
  2. Execute o Storybook com npm:

    npm run storybook

    Ou, com Yarn:

    yarn storybook

    O Storybook estará disponível em http://localhost:6006.

Como Rodar os Testes Unitários

  1. Para rodar os testes utilizando Jest e React Testing Library, certifique-se de estar no diretório do projeto:

    cd desafio-uol
  2. Execute os testes com npm:

    npm test

    Ou, com Yarn:

    yarn test

Resultado

Tabela

table_desktop_default table_mobile_default

Botões

button_default button_secondary button_disabled button_large button_small button_longText

Input

input_default input_disabled input_success input_attention input_error

Select

select_default

Scripts Disponíveis

  • npm run dev ou yarn dev: Inicia o servidor de desenvolvimento do Next.js.
  • npm run build ou yarn build: Compila o aplicativo Next.js para produção.
  • npm start ou yarn start: Inicia o aplicativo compilado.
  • npm run storybook ou yarn storybook: Inicia o Storybook.
  • npm run storybook ou yarn storybook: Inicia o Storybook.
  • npm test ou yarn test: Executa os testes utilizando Jest e React Testing Library.

teste-frontend-2023's People

Contributors

uolfrontend avatar moggishere 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.