https://github.com/gabsouza-dev/syncfusion-gantt-chart
https://github.com/gabsouza-dev/syncfusion-gantt-chart
html python
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gabsouza-dev/syncfusion-gantt-chart
- Owner: gabsouza-dev
- License: mit
- Created: 2024-12-04T18:37:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-04T20:19:49.000Z (over 1 year ago)
- Last Synced: 2025-10-29T06:38:49.278Z (8 months ago)
- Topics: html, python
- Language: HTML
- Homepage: https://syncfusion-gantt-chart.vercel.app
- Size: 12.7 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gantt Chart Project Management
Este é um sistema simples de gerenciamento de projetos usando **Syncfusion Gantt Chart**, **JavaScript puro**, **Python (Flask)** e **XML** como armazenamento.
## 📋 Funcionalidades
- Visualização de tarefas em um gráfico de Gantt.
- Adição, edição e exclusão de tarefas diretamente no gráfico.
- Armazenamento de tarefas em um arquivo XML no backend.
- Sincronização automática entre o frontend e o backend.
---
## 🛠️ Tecnologias Usadas
- **Frontend:** HTML, CSS, JavaScript (Syncfusion Gantt Chart).
- **Backend:** Python com Flask.
- **Armazenamento:** Arquivo XML para persistência de dados.
---
## 🚀 Como Rodar o Projeto
### 1. Clone o Repositório
```bash
git clone https://github.com/gabsouza-dev/Syncfusion-Gantt-Chart.git
cd gantt-chart-project
```
### 2. Configure o Ambiente Backend
- Certifique-se de ter o **Python 3** instalado.
- Instale o Flask:
```bash
pip install flask
```
### 3. Estrutura do Projeto
```plaintext
.
├── app.py # Backend em Python usando Flask
├── tasks.xml # Arquivo XML para armazenamento de tarefas
├── index.html # Frontend com Syncfusion Gantt Chart
└── README.md # Este arquivo
```
### 4. Execute o Servidor
Inicie o servidor Flask:
```bash
python app.py
```
O servidor será iniciado em [http://localhost:5000](http://localhost:5000).
### 5. Abra o Frontend
- Acesse [http://localhost:5000](http://localhost:5000) no navegador.
- O Gantt Chart será exibido com as tarefas carregadas do arquivo `tasks.xml`.
---
## 🧩 Estrutura do Arquivo XML
O arquivo `tasks.xml` armazena as informações das tarefas:
```xml
1
Task 1
2024-12-01
2024-12-05
50
2
Task 2
2024-12-03
2024-12-10
20
```
- **id:** ID único da tarefa.
- **name:** Nome da tarefa.
- **start_date:** Data de início da tarefa (formato YYYY-MM-DD).
- **end_date:** Data de término da tarefa (formato YYYY-MM-DD).
- **progress:** Progresso da tarefa em porcentagem.
---
## 📜 Funcionalidades do Syncfusion Gantt Chart
- **Edição no Gráfico:** Clique em qualquer tarefa para editá-la.
- **Adição de Tarefas:** Use a barra de ferramentas para adicionar novas tarefas.
- **Exclusão de Tarefas:** Exclua tarefas diretamente no gráfico.
- **Sincronização:** As alterações no frontend são salvas automaticamente no backend e no arquivo XML.
---
## 🔧 Próximos Passos
- **Validação de Entrada:** Adicionar validações para garantir que os dados inseridos sejam válidos.
- **Exportação:** Permitir exportar o Gantt Chart como PDF ou imagem.
- **Interface Responsiva:** Melhorar a aparência para dispositivos móveis.
---
## 📝 Licença
Este projeto é de uso livre para aprendizado e desenvolvimento pessoal.
---
## 🙌 Contribuições
Sinta-se à vontade para enviar sugestões ou melhorias. Vamos construir juntos! 😊