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

https://github.com/gabskydev/to-do-app-spring-react

Projeto full-stack para estudo e prática de React e Spring Boot. Inclui funcionalidades completas de CRUD, filtros por prioridade e controle de estado das tarefas.
https://github.com/gabskydev/to-do-app-spring-react

Last synced: 8 months ago
JSON representation

Projeto full-stack para estudo e prática de React e Spring Boot. Inclui funcionalidades completas de CRUD, filtros por prioridade e controle de estado das tarefas.

Awesome Lists containing this project

README

          

# 📝 To-Do List com React + Spring Boot

![Java](https://img.shields.io/badge/Java-17-blue.svg)
![Spring Boot](https://img.shields.io/badge/Spring%20Boot-3.5.4-brightgreen.svg)
![Maven](https://img.shields.io/badge/Maven-3.9.9-C71A36.svg)
![JPA](https://img.shields.io/badge/JPA-Hibernate-orange.svg)
![Lombok](https://img.shields.io/badge/Lombok-%E2%9C%94-green.svg)
![React](https://img.shields.io/badge/frontend-React-blue?logo=react)
![version](https://img.shields.io/badge/version-1.0-purple.svg)

Uma aplicação full-stack de gerenciamento de tarefas com interface moderna e funcionalidades completas de CRUD.
Ideal para quem deseja manter a produtividade ou guardar tarefas importantes do seu cotidiano

## 📌 Status do Projeto
✅ Finalizado (versão 1.0 pronta para uso)

## 🚀 Funcionalidades

- ✅ Cadastrar novas tarefas
- 📝 Editar tarefas existentes
- 🗑️ Deletar tarefas
- 🔍 Filtrar por prioridades (Alta, Média, Baixa)
- 🎯 Marcar como concluída ou pendente
- 💡 Interface limpa com feedback visual por prioridade e estado

## 🛠️ Tecnologias Utilizadas

### Front-end
- React
- CSS
- Axios para integração com a API

### Back-end
- Spring Boot
- Spring Data JPA
- PostgreSQL
- Estrutura em camadas (Controller, Service, Repository)
- Uso de DTOs

## 📦 Como rodar o projeto

### Backend

```bash
# Navegue até a pasta backend
cd backend

# Compile e execute o projeto (via sua IDE ou terminal)
./mvnw spring-boot:run
```
A API será iniciada em: http://localhost:8080

### Frontend

```bash
# Navegue até a pasta frontend
cd frontend

# Instale as dependências
npm install

# Inicie o servidor React
npm start
```
O frontend estará disponível em: http://localhost:3000

## 📷 Demonstração

### Dashboard (Tela Principal)
![f37713f5-ac90-4ade-bbfe-7297ca38bae3](https://github.com/user-attachments/assets/ed9b4398-b386-4994-bc44-37afc4d4e249)

### Filtro de Prioridades
![3eec4c46-8ee6-4814-b845-1a2c23bed061](https://github.com/user-attachments/assets/6f40b3cf-5aa3-4f39-8015-ac3502ea14d2)

### Edição de Tarefas
![c5bbabbd-3348-4040-a91f-400ddbaff76a](https://github.com/user-attachments/assets/021b5e01-1c76-4094-a711-06b7a5bb2f30)

## 👨‍💻 Desenvolvedor

- **LinkedIn:** [Gabriel Lima de Sousa](https://www.linkedin.com/in/gabriel-lima-de-sousa-31a358287/)

## ⚠️ Aviso Legal

Este projeto é de autoria de Gabriel Lima de Sousa e está licenciado sob os termos da [Licença MIT](./LICENSE).

Este é um projeto de código aberto com fins **educacionais** e **não possui garantias comerciais ou suporte oficial**.

Para mais detalhes, consulte o arquivo [LICENSE](./LICENSE).