Frontend Challenge

Objetivo deste teste é avaliar seus conhecimentos em organização, estilo, boas práticas e habilidades em frontend.

Estrutura do projeto

/client

Esta é a pasta onde deve ser desenvolvido o projeto, possui um package.json padrão, instale as dependências que achar necessário.

Caso utilize CRA (Create React App) apague esta pasta e crie o projeto com CRA com mesmo nome

/server

Esta pasta contém a API necessária para o desenvolvimento do projeto. Para subir a API, entre na pasta e instale as dependências com npm install e depois npm start

Você terá as informações necessárias para interação com a API em http://localhost:9004/

Requisitos

• HTML (deixe o mais semântico possível)
• CSS (pré-processador opcional)
• JS (React + Redux)
• Responsivo
• Testar as principais funcionalidades
• Static Type Checking

Proposta

• A aplicação deve mostrar primeiramente uma listagem de usuário com todas informações presentes na API.
• Deve permitir a criação de novo usuário
• Deve permitir excluir um usuário
• Criar um README explicando como utilizar seu projeto

O que apreciamos

• Feedbacks visuais e motions
• HTML semântico
• CSS Grid e Flexbox
• Metodologias como BEM, SMACSS e outras
• ES6+
• React Hooks
• Testes unitários
• Código limpo e bem organizado

Finalizando

Ao finalizar o desenvolvimento, envie um zip do projeto para rh@yapay.com.br