Bem-vindo ao teste para desenvolvimento front-end no Grupo BNP Soluções em TI.

Esse projeto foi desenvolvido para demostrar as minhas habilidades técnicas em React e Nextjs, TypeScript e manipulação de API.

Neste teste foi demostrado habilidades em gerênciamento de estados, conhecimento de componentização, manipulação de API, gerenciamento de formulário e validações de dados, criação de context api, listas utilizando map, filter, css, entre outros.

O foco deste teste tem como objetivo avaliar os meus conhecimento e experiência em desenvolvimento com NextJS, bem como minhas habilidades em resolver problemas

Link do deploy da aplicação

• Create an API that returns a list of users;
• Create an API that registers a user in the users array;

• ignore if the user clicks on any element within the modal;
• Create a component for the confirmation modal;
• Get list of API users;
• Form manipulation;
• Create a context to display success and error messages;
• turn the page into a static page;
• page lifecycle;

Um dos principais problemas que me deparei ao longo do desenvolvimento foi a configuração dos testes causando erros de eslint, que acabou não dando certo.

📝 Aplicar Testes Unitário e Integração 📝 Ciclo de vida de um componente, Eventos disparados várias vezes

• React
• Nextjs
• TypeScript
• react-hook-form
• zod
• @hookform/resolvers
• Sonner
• @faker-js/faker

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js de preferência na versão 14^+. Além disto é bom ter um editor para trabalhar com o código como VSCode

O README mostra como executar as aplicação.

# Clone este repositório
$ [SSH] git clone [email protected]:Mraimundo/BNP-frontend-next-test.gitt
$ [HTTPS] git clone https://github.com/Mraimundo/BNP-frontend-next-test.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd frontend-nextjs-test

Portanto depois de clonar o repositório digite em seu terminal para instalar as dependências:
$  pnpm install, npm install ou yarn add

# Execute a aplicação frontend
$ npm run dev, yarn dev

$ em seguida [localhost:3000](http://localhost:3000) ou [localhost:8080](http://localhost:8080/) em seu navegador para visualizar o aplicativo.

Feito com horas em frente ao 💻 por Mouzinho Raimundo