Este projeto é uma aplicação web simples para gerenciamento de usuários, com recursos de criação e consulta. O frontend foi desenvolvido utilizando Vite e React, enquanto o backend utiliza o Spring REST API e o banco de dados PostgreSQL.
O projeto consiste em uma interface do usuário construída com React e TypeScript, que consome uma API RESTful desenvolvida com o Spring Framework. A aplicação permite gerenciar usuários e suas respectivas informações.
- Figma: Uma ferramenta de prototipação de interfaces que permite criar e testar designs interativos.
- Vite: Um build tool rápido e leve para projetos web modernos.
- React: Uma biblioteca JavaScript para construir interfaces de usuário interativas.
- React Router Dom: Uma biblioteca para adicionar roteamento no React.
- TypeScript: Uma linguagem de programação que adiciona tipagem estática ao JavaScript.
- Prettier: Uma ferramenta de formatação de código que mantém um estilo consistente em todo o projeto.
- ESLint: Uma ferramenta de análise de código que ajuda a identificar e corrigir problemas de estilo e erros em tempo de desenvolvimento.
- Spring Framework: Um framework de desenvolvimento de aplicativos Java que simplifica o desenvolvimento de aplicativos corporativos.
- Spring Boot: Uma extensão do Spring Framework que facilita a criação de aplicativos Spring autônomos e prontos para produção.
- Spring REST API: Uma abordagem para a construção de serviços web RESTful usando o Spring Framework.
- ModelMapper: Uma biblioteca que facilita a conversão de objetos de um tipo para outro.
- Tika: Uma biblioteca Java que permite extrair metadados e conteúdo de diversos tipos de arquivos.
- PostgreSQL: Um sistema gerenciador de banco de dados relacional.
- Certifique-se de ter o Node.js e o yarn instalados em seu ambiente de desenvolvimento.
- Clone o repositório do projeto.
- Acesse o diretório do projeto:
cd frontend
. - Instale as dependências do projeto:
yarn
. - Execute o projeto:
yarn dev
.
- Certifique-se de ter o JDK (Java Development Kit) instalado em seu ambiente de desenvolvimento.
- Clone o repositório do projeto.
- Acesse o diretório do projeto:
cd backend
. - Execute o projeto com o Maven:
./mvnw spring-boot:run
.
O projeto utiliza o Prettier e o ESLint para manter um código bem formatado e consistente. O Prettier é responsável pela formatação automática do código, enquanto o ESLint verifica o código em busca de problemas de estilo e erros.
No backend, além das tecnologias mencionadas anteriormente, foram utilizadas as bibliotecas ModelMapper e Tika. O ModelMapper facilita a conversão entre objetos de diferentes tipos, enquanto o Tika permite extrair metadados e conteúdo de diversos tipos de arquivos.
No frontend, o projeto foi implementado sem o uso de bibliotecas de estilização, como Material UI e Bootstrap, para demonstrar o entendimento de HTML e CSS puros. No entanto, é importante ressaltar que é possível utilizar essas bibliotecas para acelerar o desenvolvimento e obter estilos pré-definidos.
No branch "backend-validations" do repositório, você encontrará o desenvolvimento parcial da inclusão de imagens, fique a vontade para tentar realizar essa implementação. Essa branch contém implementações relacionadas à validação e manipulação de imagens no backend. No entanto, a versão funcional da aplicação (apenas sem a imagem) pode ser encontrada no branch "master".
Para futuras melhorias, está prevista a conclusão da lógica de imagem para proporcionar uma funcionalidade completa no gerenciamento de usuários. Essa implementação está planejada para um futuro próximo.
Sinta-se à vontade para explorar o projeto e, caso tenha alguma dúvida ou feedback, estou à disposição.