📘 Proyecto: Backend To-Do App (Flask + SQLAlchemy)

Este proyecto enseña cómo construir un backend paso a paso para una aplicación de tareas usando Flask, Jinja2 y SQLAlchemy. Cada rama representa una etapa del desarrollo.

---

1 - Descargar la rama

2 - Extraer zip

3 - Abrir la carpeta en Visual Studio Code

4 - Activar entorno virtual

pip install -r requirements.txt

🔰 01 - Configuración inicial

🔗 📦 Descargar esta rama

🎯 Objetivo

• Crear una aplicación Flask mínima
• Mostrar "Hola mundo" en el navegador
• Verificar que Flask esté funcionando correctamente

---

🖼️ 02 - Plantillas con Jinja2

🔗 📦 Descargar esta rama

🎯 Objetivo

• Renderizar una plantilla HTML con render_template
• Crear archivo index.html
• Usar Jinja2 para mostrar una lista simulada de tareas (mock) con {% for %}

---

📝 03 - Manejo de formularios

🔗 📦 Descargar esta rama

🎯 Objetivo

• Crear un formulario HTML para nuevas tareas
• Enviar datos al servidor con POST
• Capturar los datos con request.form
• Guardar la tarea en una lista temporal (tareas = [])
• Redirigir a / luego del envío

---

💾 04 - Conexión con base de datos

🔗 📦 Descargar esta rama

🎯 Objetivo

• Reemplazar la lista tareas = [] por una base de datos real
• Usar SQLite con SQLAlchemy
• Crear tabla Tarea
• Mostrar todas las tareas en index.html
• Insertar nuevas tareas desde el formulario
• Sin editar ni eliminar todavía

---

🔁 05 - CRUD básico con base de datos

🔗 📦 Descargar esta rama

🎯 Objetivo

• Agregar funcionalidad para eliminar tareas con botón Eliminar
• Agregar funcionalidad para marcar tareas como completadas con checkbox
• Actualizar el campo completada en la base de datos
• Eliminar usando método POST
• No se incluye edición del título

---

🧱 06 - Arquitectura MVC modular

🔗 📦 Descargar esta rama

🎯 Objetivo

• Reorganizar el proyecto con una arquitectura MVC básica

• Separar archivos en:

  • models/ → definición de Tarea
  • controllers/ → funciones como crear_tarea, eliminar_tarea, etc.
  • routes/ → define las rutas y llama a las funciones del controlador
  • database/ → contiene el objeto db

• Dejar app.py limpio, solo con configuración y arranque

---

¡Explorá cada rama para avanzar paso a paso en la construcción de tu backend! 💡