`
Bem-vindo ao Teste de Frontend! Este projeto é um teste de frontend para avaliar minhas habilidades e conhecimentos em desenvolvimento web.
- Certifique-se de ter o Node.js instalado em sua máquina.
- Clone este repositório para sua máquina local ou faça o download do código-fonte.
- Abra o terminal na pasta do projeto.
Execute o seguinte comando para instalar as dependências:
npm install
Após a instalação das dependências, você pode iniciar o projeto localmente com o seguinte comando:
npm run dev
Isso iniciará o servidor de desenvolvimento e abrirá automaticamente o projeto em seu navegador padrão.
Para obter mais informações sobre como desenvolver e testar o projeto, consulte o código-fonte e a documentação dos componentes individuais.
O Teste de Frontend foi desenvolvido com a incorporação de várias tecnologias e práticas modernas para criar uma experiência de desenvolvimento completa e eficaz. Abaixo estão algumas das principais características implementadas:
O projeto utiliza o GraphQL para realizar consultas e mutações eficientes ao servidor. O GraphQL permite buscar exatamente os dados necessários, melhorando a eficiência da comunicação entre o front-end e o back-end.
O Styled Components é uma biblioteca popular que foi empregada para estilizar os componentes do projeto. Com ele, é possível criar estilos encapsulados e dinâmicos diretamente nos componentes, tornando a manutenção mais simples e eficaz.
Custom Hooks foram criados para encapsular lógica compartilhada e funcionalidades reutilizáveis. Esses hooks permitem manter um código mais limpo, modular e reutilizável em todo o projeto.
O projeto utiliza o TypeScript para adicionar tipagem estática ao JavaScript. Isso melhora a qualidade do código, reduz erros de tipagem e oferece uma melhor experiência de desenvolvimento com autocompletar e verificação de tipos.
O projeto segue uma arquitetura escalável, organizando os componentes e as funcionalidades de forma modular. Isso facilita a expansão e a manutenção do projeto à medida que ele cresce.
A utilização de React Hooks, como o useState e o useEffect, segue as melhores práticas para um código mais limpo e eficiente. Isso inclui a divisão adequada de responsabilidades entre os hooks, a gestão do ciclo de vida dos componentes e a otimização de re-renderizações.
Essas features combinadas oferecem uma base sólida para o projeto de frontend, resultando em um código mais eficiente, escalável e de alta qualidade.