Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marialuizaleitao/todo-application

Uma aplicação completa de gerenciamento de tarefas desenvolvida com Spring Boot 2 e Angular 11. Inclui uma API RESTful no backend Java e uma interface de usuário responsiva no frontend Angular.
https://github.com/marialuizaleitao/todo-application

angular mvc-architecture spring-boot

Last synced: about 2 months ago
JSON representation

Uma aplicação completa de gerenciamento de tarefas desenvolvida com Spring Boot 2 e Angular 11. Inclui uma API RESTful no backend Java e uma interface de usuário responsiva no frontend Angular.

Awesome Lists containing this project

README 

        
# Projeto Todo Web Fullstack



Este é um arquivo README detalhado para o projeto Todo Web Fullstack, uma aplicação completa de gerenciamento de tarefas (CRUD - Create, Read, Update, Delete) desenvolvida utilizando as tecnologias Spring Boot 2 e Angular 11. O projeto inclui uma API RESTful no backend Java e uma interface de usuário responsiva no frontend Angular.



---



## Visão Funcional



O projeto consiste em uma aplicação web para gerenciamento de tarefas e atividades, permitindo aos usuários criar, visualizar, atualizar e excluir itens da lista de afazeres.



## Visão Técnica - Backend



A parte do backend da aplicação é construída utilizando o seguinte conjunto de tecnologias:



- **Spring Boot**: Framework Java para desenvolvimento de aplicativos web.

- **Banco de Dados H2**: Um banco de dados em memória utilizado para armazenar os dados da aplicação durante o tempo de execução.

- **JPA com Hibernate**: Mapeamento objeto-relacional para facilitar a interação com o banco de dados.

- **Validação de Dados**: Utilização de anotações de validação para garantir a integridade dos dados.

- **Tratamento de Exceções**: Implementação de tratamento adequado para exceções, visando manter a estabilidade da aplicação.

- **Protocolo HTTP REST**: Implementação dos princípios do padrão REST para comunicação entre o frontend e o backend.



### Versão do Spring Boot: 2.3.x



## Visão Técnica - Frontend



O frontend da aplicação é desenvolvido utilizando as seguintes tecnologias:



- **Angular**: Framework JavaScript/TypeScript para construção de interfaces de usuário.

- **HTML5 e CSS3**: Linguagens de marcação e estilo para criação de páginas web.

- **Angular Material**: Conjunto de componentes visuais para Angular, proporcionando uma interface de usuário moderna e responsiva.

- **Angular Reactive Forms**: Utilização de formulários reativos do Angular para captura e validação de dados.

- **Arquitetura MVC do Angular**: Estruturação do projeto seguindo o padrão Model-View-Controller para organização e manutenção do código.

- **Navegação**: Implementação de roteamento para facilitar a navegação entre as diferentes partes da aplicação.



### Versão do Angular: 11



---



## Passos Realizados



Durante o desenvolvimento do projeto, foram realizadas as seguintes etapas:



1. Instalação e configuração das ferramentas necessárias para iniciar um projeto Fullstack.

2. Familiarização com os conceitos do Spring Boot 2 e Angular 11.

3. Implementação de uma API RESTful no backend utilizando Java e Spring Boot, com integração ao banco de dados H2 em tempo de compilação.

4. Consumo da API REST utilizando a ferramenta Postman para testes de integração.

5. Desenvolvimento do frontend utilizando Angular 11, incluindo a criação de componentes visuais, formulários reativos e roteamento.

6. Implementação de funcionalidades CRUD (Create, Read, Update, Delete) para gerenciamento de tarefas na aplicação.



---



Este projeto apresenta uma aplicação completa Fullstack, demonstrando a integração entre o backend Java com Spring Boot e o frontend Angular. Qualquer dúvida ou problema encontrado, sinta-se à vontade para entrar em contato.



**Aproveite o uso da aplicação Todo Web Fullstack!** 🚀