https://github.com/lucasdsbr/desafio-great-ufc-spring-api-and-front

Desafio-GREat-spring-API trata-se de um repositório crado para resolver o desafio proposto pela equipe GREat diante a seleção Programa Cientista Chefe para Bolsa de Inovação Tecnológica. Mediante a este desafio, foram desenvolvidas duas aplicações com as tecnologias mais atuais do mercado de desenvolvimento: Spring boot e React.
https://github.com/lucasdsbr/desafio-great-ufc-spring-api-and-front

Last synced: about 1 month ago
JSON representation

Desafio-GREat-spring-API trata-se de um repositório crado para resolver o desafio proposto pela equipe GREat diante a seleção Programa Cientista Chefe para Bolsa de Inovação Tecnológica. Mediante a este desafio, foram desenvolvidas duas aplicações com as tecnologias mais atuais do mercado de desenvolvimento: Spring boot e React.

• Host: GitHub
• URL: https://github.com/lucasdsbr/desafio-great-ufc-spring-api-and-front
• Owner: lucasDSBR
• Created: 2022-07-16T16:16:54.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-21T17:22:02.000Z (over 2 years ago)
• Last Synced: 2024-04-21T13:47:29.151Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 974 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Desafio-GREat-spring-API-Front

Desafio-GREat-spring-API trata-se de um repositório crado para resolver o desafio proposto pela equipe GREat diante a seleção Programa Cientista Chefe para Bolsa de Inovação Tecnológica. Mediante a este desafio, foram desenvolvidas duas aplicações com as tecnologias mais atuais do mercado de desenvolvimento: Spring boot e React.

  

## BACK-END:

Podendo ser encontrada na pasta "spring-API", a API do sistema foi desenvolvida com base no modelo MVC(model view controller) para melhor atender os requisitos do sistema. Além disso, optei por escolher o banco de dados MySQL para armazenar os dados utilizados em todo o sistema.

Configurações de acesso ao DB e porta de execução do sistema:

application.properties

```

spring.datasource.url=jdbc:mysql://localhost:3306/springboot

spring.datasource.username=root

spring.datasource.password=

 

spring.jpa.hibernate.ddl-auto=update

spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL5InnoDBDialect

server.port=8081

```

Além disso, para evitar erros de CORS, decidi inserir um CrossOrigin nos controllers da aplicação:

```

@CrossOrigin(origins = "http://localhost:3000", maxAge = 3600)

```

#### Tratamento de erros:

Apara melhor segurança no armazenamento de informações, opitei por realizar todo o tratamento de erros com relação a informações erradas na própria API. Logo, a validação de CPF não ocorre no front alí com o usuário, mas sim no Back-End. Assim, evitando o armazenamento de tais informações.

- Segurança ??? O Front-End é passível de modificações, logo, validar uma informação apenas acaba não sendo tão vantajoso.

## FRONT-END:

Podendo ser encontrada na pasta "front", o front-end foi desenvolvido totalmente de React + JS. Além disso, para estilização de toda a aplicação, opitei por utilizar o MUI.

### Imagens da aplicação:

#### Tela principal

- A tela principal possui a tela de listagem de usuários + filtro + botôes de logs e registro.



#### Dialog de logs

- O dialog de logs, como já podemos perceber, mostra todas as ações realizadas no sistema anteriormente pelo ususário. Registra em si Buscas, Edições, Exclusões e Registros.



#### Dialog de Registro

- O dialog de registro, como já podemos perceber, é utulizado para realizar o registro de usuários no sistema bastando apenas fornecer as informações de Nome, RG, CPF, Nome da me e Data de nascimento.



#### Dialog de Edição

- O dialog de edição, como já podemos perceber, é utulizado para realizar a edição de usuários no sistema.