Na minha jornada em busca de me tornar desenvolvedor, estive estudando Java, focado mais em backend, aproveitando que na empresa na qual eu trabalho, os principais sistemas dela são feitos em java, então unindo o útil ao agradável, e ampliando meu conhecimento. Resolvi me desafiar a desenvolver esse CRUD (Create, Read, Update, Delete), de um sistema financeiro, no qual você poderá cadastrar:
- Usuários;
- Contas;
- Categorias;
- Movimentos.
Gerenciar a movimentação da vida financeira do usuário. Desenvolvi esse crud separando em dois ambientes, o backend feito em Java - Spring, e o frontend em reactjs, além do banco que utilizei mysql, mas foi pensado para ser aplicável em qualquer banco sql.
Importante esse código é apenas de estudos, não possui os padrões de mercado, sendo desencorajado sua utilização de ambiente final.
Backend
Clique aqui Para acessar o código do github.
Criei uma API Rest, utilizando Java - Spring, separando em Modelos, Repositórios e controles, essa api devolve a resposta em JSON para o frontend trabalhar e para segurança dela adicionei JJWT para cuidar dos token e assim prover ao menos uma segurança básica para a utilização do sistema.
Frontend
Clique aqui Para acessar o código do github.
Esse é o lado que eu tenho mais dificuldade, desenvolvi utilizando reactjs, com material ui para me auxiliar na criação de formulários, usando axios para consumir a api sem problemas.
Tela do sistemas
Clique nas imagens para ver em uma resolução melhor.
Esse post serve apenas como demonstração do sistema, futuramente planejo criar outros posts explicando separados como desenvolvi o backend e o frontend
Quero executar
Clique aqui Para acessar o código do github.
Cheguei até aqui, e quero ver isso rodando, como que eu faço? Bem… Em cada um dos projetos deixe um Dockfile já preparado para subir e gerar a instancia do projeto, mas para facilitar, fiz esse outro repositório que já iniciará as três instancias (Backend, frontend, banco) usando docker-compose facilitando muito todo o trabalho.
Mão na Massa.
- Baixe o projeto do docker no github. Clique aqui
- Acesse a pasta do projeto.
- Execute o comando:
sudo docker-compose up -d –build
Caso queira desligar
sudo docker-compose down
Esse projeto deu um grande trabalho para completar, mas sem duvida aprendi muito com ele, então deixo aqui para servi de inspiração para mim ou outros, muito obrigado caso tenha lido até agora. Um abração e ate. 🤖