You can access the English documentation by clicking here.
O sistema consiste em uma web app com fluxo de autenticação e CRUD dos navers, possuindo informações como: nomes, idades, cargos, tempo de empresa e projetos que participou.
- TypeScript - TypeScript é um superconjunto tipado de JavaScript que compila para JavaScript simples.
- React - Uma biblioteca JavaScript para criar interfaces de usuário.
- Styled Components - Primitivos visuais para a idade do componente. Use os melhores bits de ES6 e CSS para estilizar seus aplicativos sem estresse.
- Formik - Formik é a biblioteca de formulários de código aberto mais popular do mundo para React e React Native.
- Yup - Yup é um construtor de esquema JavaScript para análise e validação de valor.
- Moment.js - Analisar, validar, manipular, e exibir datas e horas em JavaScript.
Credenciais para acesso:
email: ricky@nave.rs
password: nave1234
O projeto está hospedado e pode ser acessado em https://navedex-rickyalmeida.vercel.app
Para executar este projeto localmente, você precisará:
- Clonar este repositório - https://github.com/rickyalmeidadev/desafio-reactjs-frontend.
- Clone o repositório:
git clone https://github.com/rickyalmeidadev/desafio-reactjs-frontend- Instale os pacotes:
yarn install
or
npm install- Execute a aplicação:
yarn start
or
npm start- Certifique-se de que a seguinte porta esteja disponível:
PORT: 3000.- Acesse a aplicação por meio do link a seguir após executar as etapas de 1 a 4:
http://localhost:3000/- Para navers sem imagem ou imagem quebrada, foi implementado um placeholder como alternativa;
- Durante os carregamentos foram usados loaders e esqueletos com efeito shimmer;
- Design responsivo para resoluções a partir 320px de largura;
- Campos de idade e tempo de empresa foram alterados para campos de data, afim de causar uma melhor experiência do usuário;
- Validação de todos os inputs com messagens personalizadas de feedback utilizando a biblioteca Yup.
- Uso da Context API para gerenciamento de estado.