Skip to content

johkker/desafio-front-end

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Arquivo README.md, contendo:

  • Breve descrição das funcionalidades da aplicação entregue;
  • Ferramentas utilizadas, e o por que estas foram escolhidas para a realização do desafio;
  • Decisões adotadas durante o planejamento e execução do desafio, justificando-as;

Funcionalidades

  1. Adicionar produto
    1. Id do produto gerado automaticamente com uuid.
  2. Editar produto
  3. Deletar produto
  4. Listagem dos produtos, com atualização dinâmica

Tools and libs

  1. Material-UI: Escolhido pelo design clean com funcionalidades da biblioteca, além de integração com styled-components.
  2. React-hook-form: Escolhido pela potência em validação de formulários.
  3. React-router-dom: Definido pelos requisitos do teste, mas seria minha escolhe de router também.
  4. Styled-components: Definido pelos requisitos do teste, mas também seria minha escolha de engine de estilização pelo poder e organização do arquivo.
  5. Uuid: Escolhido por ser um método muito utilizado no back-end, para garantir a segurança de dados, além de facilitar o trabalho.
  6. Yup: Escolhido para fazer a modelagem de dados que vão para a validação dos formulários.

Resumo

Resolvi alterar a forma de exibição do menu no header de acordo com o tamanho da tela para aprimorar a experiência do usuário e não quebrar o layout. Mantive o conteúdo centralizado na tela, para emular um aplicativo e não distoar muito do desktop para o mobile. Mantive o design enxuto para poder focar nas funcionalidades, pois peguei uma gripe e perdi 2 dias. Gostaria de ter conseguido fazer algo mais atrativo e com uma ux melhorada, mas infelizmente esse contratempo me fez escolher entre design ou funcionalidade.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.1%
  • HTML 5.9%