No cenário atual, ferramentas digitais para listas de tarefas são essenciais para organização pesoal e produtividade. Desenvolver um sistema próprio pode ser uma excelente forma de aprender e personalizar funcionalidades. Utilizando Python e o micro-framework Flask, é possível criar uma aplicação web funcional para gerenciar tarefas de maneira simples e eficiente.
Tecnologias Utilizadas
- Python: Linguagem de programação de alto nível, conhecida por sua legibilidade e vasta biblioteca.
- Flask: Framework web leve e flexível para Python, ideal para construir APIs e aplicações web pequenas a médias.
Preparação do Ambiente
Antes de iniciar, certifique-se de que o Python está instalado em seu sistema. Em seguida, instale o Flask usando o gerenciador de pacotes pip:
pip install flask
Desenvolvimento do Backend com Flask
Iniciamos definindo a aplicação Flask. Para este exemplo, utilizaremos uma lista Python para armazenar as tarefas em memória, simulando um banco de dados simples.
from flask import Flask, jsonify, request
import uuid
app = Flask(__name__)
task_list = [] # Armazena as tarefas em memória
@app.route('/')
def show_index():
return render_template('index.html')
@app.route('/api/todos', methods=['GET', 'POST'])
def manage_todos():
if request.method == 'POST':
data = request.get_json()
new_todo = {
'id': str(uuid.uuid4()),
'title': data['content'],
'completed': False
}
task_list.append(new_todo)
return jsonify(new_todo), 201
return jsonify(task_list)
No código acima, a rota /api/todos lida com requisições GET para listar todas as tarefas e POST para adicionar uma nova. Cada tarefa recebe um identificador único gerado com uuid.
Frontend Simples
Para a interface do usuário, criamos uma página HTML básica que permite adicionar tarefas e exibi-las em uma lista. Utilizamos Bootstrap para estilização e JavaScript para enviar requisições assíncronas (AJAX) ao backend, evitando recarregamentos de página.
Um campo de entrada e um botão são fornecidos para submeter novas tarefas. Após o envio, a tarefa aparece dinamicamente na lista abaixo, proporcionando uma experiência interativa.
Executando a Aplicação
Após configurar os arquivos, execute a aplicação Flask. Acesse http://localhost:5000/ no navegador para visualizar o sistema de tarefas em funcionamento.