Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alym62/gerenciamento-clientes-servicos
Projeto full stack de um gerenciamento de serviços e clientes
https://github.com/alym62/gerenciamento-clientes-servicos
angular angular-material docker java postgresql spring-boot typescipt unit-testing
Last synced: 6 days ago
JSON representation
Projeto full stack de um gerenciamento de serviços e clientes
- Host: GitHub
- URL: https://github.com/alym62/gerenciamento-clientes-servicos
- Owner: Alym62
- Created: 2023-12-11T03:10:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-08T23:39:12.000Z (9 months ago)
- Last Synced: 2024-05-09T00:34:56.276Z (9 months ago)
- Topics: angular, angular-material, docker, java, postgresql, spring-boot, typescipt, unit-testing
- Language: Java
- Homepage:
- Size: 898 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# Gerenciador de serviços e clientes
Este é um projeto de um gerenciador de serviços e clientes. Ele contém autenticação com JWT e Spring Security, com uma SPA intuitiva com Angular e Angular material para geração de componentes.
Esse projeto é acadêmico para fins de estudos, portanto todo o código pode ser copiado e implementado em outros projetos/aplicações.
Esse projeto conta com as boas práticas do desenvolvimento web com uma arquitetura ***REST***. Abaixo você podera ver toda es estrutura de pastas do back-end e do front-end seguindo as boas práticas. Esse projeto conta com validações de formulários, validações no back-end utilizando o ***Validation*** do Spring entre outras boas práticas.
## Backend
- **src/**
- **main/**
- **java/com/full/servicos/**
- `📂 config`
- `📂 controller`
- `📂 domain`
- `📂 dto`
- `📂 exception`
- `📂 repository`
- `📂 service`
- `📂 util`
- `ServicosApplication.java`
- **resources**
- `application.yml`
- `application-dev.yml`
- `application-prod.yml`
- `application-test.yml`
- **test/**
- **java/com/full/servicos/**
- `📂 services`
- `ServicosApplicationTests.java`## Frontend
- **src/**
- **app/**
- **core/**
- `📂 components`
- `📂 config`
- `📂 guards`
- `📂 interceptors`
- `📂 pipes`
- `📂 services`
- **features/**
- `📂 clientes`
- `📂 servicos-prestados`
- **shared/**
- `📂 enums`
- `📂 home`
- `📂 layout`
- `📂 login`
- `📂 models`
- **assets/**
- **images/**
- (imagens do projeto)### Imagens e descrição do projeto
- Aqui temos a parte de cadastro do usuário que vai acessar o sistema, ele pode escolher entre ser um ***ADMIN/USER*** ele pode terá que passar um usuário e senha e com isso ele vai se cadastrar no sistema e ter o acesso.
![Cadastro](./prints/cadastro.png)
- Logo após ele precisa se autenticar para poder ter acesso a todas funcionalidades do sistema, como cadastrar clientes, listar e etc. O token ***JWT*** vai estar guardado na local storage do seu navegador.
![Login](./prints/login.png)
- Agora é possível enxergar a ***Home*** do sistema no qual podemos ver o total de clientes cadastrados no primeiro card, no segundo temos a média de clientes mensais e no terceiro o valor do último serviço ou venda prestado com a imagem dele.
![Home](./prints/home.png)
- Essa é a parte do cadastro de clientes, onde é possível cadastrar o ***Nome*** e o ***CPF*** do cliente. Os demais inputs como podemos ver estão desabilitados pois são gerados assim que é mandado a requisiçãom para o back-end.
![Cadastro de clientes](./prints/cadastro-de-cliente.png)
- Aqui temos a lista de clientes do nosso sistema, é possível ver uma tabela com paginação. A consulta está sendo feita no back-end e sendo paginada dos dois lados, tanto do servidor quanto do cliente, com isso seguimos a boa prática do desenvolvimento web.
![Listagem de clientes](./prints/listagem-de-clientes.png)
- Agora vamos para parte de registro de seviços/vendas prestados. Como podemos ver temos uma ***Descrição, Valor e Data*** para ser preenchidos, além de anexar a imagem do produto logo abaixo.
![Cadastro de servicos](./prints/cadastro-de-servicos.png)
- A última parte do sistema e não menos importante, é a parte da pesquisa de serviços onde podemos simplesmente pesquisar pela ***Nome*** do cliente e ***Mês*** no qual foi cadastrado juntamente ao serviço.
![Cadastro de servicos](./prints/pesquisa-de-servicos.png)
### Stack utilizada:
[![My Skills](https://skillicons.dev/icons?i=java,spring,angular,ts,postgresql,docker&perline=3&theme=dark)](https://skillicons.dev)