Upload 12 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+static/uploads/1_mermaid-diagram-2025-06-25-183414.png filter=lfs diff=lfs merge=lfs -text

app.py

@@ -0,0 +1,182 @@
+from flask import (
+    Flask,
+    render_template,
+    redirect,
+    url_for,
+    flash,
+    request,
+    send_from_directory,
+)
+from werkzeug.utils import secure_filename
+from datetime import datetime
+import os
+from models import db, User, Project, Task, PMBOK_PROCESSES
+from config import Config
+from flask_login import (
+    LoginManager,
+    login_user,
+    logout_user,
+    login_required,
+    current_user,
+)
+
+app = Flask(__name__)
+app.config.from_object(Config)
+
+# Inicialización de extensiones
+db.init_app(app)
+login_manager = LoginManager()
+login_manager.init_app(app)
+login_manager.login_view = "login"
+
+
+@login_manager.user_loader
+def load_user(id):
+    return User.query.get(int(id))
+
+
+def allowed_file(filename):
+    ALLOWED_EXTENSIONS = {"pdf", "docx", "jpg", "jpeg", "png"}
+    return "." in filename and filename.rsplit(".", 1)[1].lower() in ALLOWED_EXTENSIONS
+
+
+@app.route("/")
+@login_required
+def index():
+    projects = Project.query.filter_by(user_id=current_user.id).all()
+    return render_template("index.html", projects=projects)
+
+
+@app.route("/project/new", methods=["GET", "POST"])
+@login_required
+def create_project():
+    if request.method == "POST":
+        name = request.form.get("name")
+        description = request.form.get("description")
+        start_date = datetime.strptime(request.form.get("start_date"), "%Y-%m-%d")
+        end_date = (
+            datetime.strptime(request.form.get("end_date"), "%Y-%m-%d")
+            if request.form.get("end_date")
+            else None
+        )
+
+        project = Project(
+            name=name,
+            description=description,
+            start_date=start_date,
+            end_date=end_date,
+            user_id=current_user.id,
+        )
+        db.session.add(project)
+
+        # Crear las 49 tareas PMBOK para el proyecto
+        for process in PMBOK_PROCESSES:
+            task = Task(
+                process_name=process["name"],
+                process_group=process["group"],
+                knowledge_area=process["area"],
+                project=project,
+            )
+            db.session.add(task)
+
+        db.session.commit()
+        flash("Proyecto creado exitosamente", "success")
+        return redirect(url_for("index"))
+
+    return render_template("create_project.html")
+
+
+@app.route("/project/<int:project_id>")
+@login_required
+def project_detail(project_id):
+    project = Project.query.get_or_404(project_id)
+    if project.user_id != current_user.id:
+        flash("No tienes permiso para ver este proyecto", "danger")
+        return redirect(url_for("index"))
+    return render_template("project.html", project=project)
+
+
+@app.route("/task/update/<int:task_id>", methods=["POST"])
+@login_required
+def update_task(task_id):
+    task = Task.query.get_or_404(task_id)
+    if task.project.user_id != current_user.id:
+        flash("No tienes permiso para modificar esta tarea", "danger")
+        return redirect(url_for("index"))
+
+    status = request.form.get("status")
+    file = request.files.get("evidence")
+
+    if status == "Terminado" and not (file or task.evidence_file):
+        flash(
+            "Debes subir una evidencia para marcar la tarea como terminada", "warning"
+        )
+        return redirect(url_for("project_detail", project_id=task.project_id))
+
+    if file and allowed_file(file.filename):
+        filename = secure_filename(f"{task.id}_{file.filename}")
+        file.save(os.path.join(app.config["UPLOAD_FOLDER"], filename))
+        task.evidence_file = filename
+
+    task.status = status
+    if status == "Terminado":
+        task.completion_date = datetime.utcnow()
+
+    db.session.commit()
+    flash("Tarea actualizada exitosamente", "success")
+    return redirect(url_for("project_detail", project_id=task.project_id))
+
+
+@app.route("/uploads/<filename>")
+@login_required
+def download_file(filename):
+    return send_from_directory(app.config["UPLOAD_FOLDER"], filename)
+
+
+@app.route("/login", methods=["GET", "POST"])
+def login():
+    if current_user.is_authenticated:
+        return redirect(url_for("index"))
+
+    if request.method == "POST":
+        user = User.query.filter_by(username=request.form["username"]).first()
+        if user and user.check_password(request.form["password"]):
+            login_user(user)
+            return redirect(url_for("index"))
+        flash("Usuario o contraseña incorrectos", "danger")
+
+    return render_template("login.html")
+
+
+@app.route("/register", methods=["GET", "POST"])
+def register():
+    if current_user.is_authenticated:
+        return redirect(url_for("index"))
+
+    if request.method == "POST":
+        if User.query.filter_by(username=request.form["username"]).first():
+            flash("El nombre de usuario ya existe", "danger")
+            return redirect(url_for("register"))
+
+        user = User(username=request.form["username"])
+        user.set_password(request.form["password"])
+        db.session.add(user)
+        db.session.commit()
+
+        flash("Registro exitoso. Por favor inicia sesión", "success")
+        return redirect(url_for("login"))
+
+    return render_template("register.html")
+
+
+@app.route("/logout")
+@login_required
+def logout():
+    logout_user()
+    return redirect(url_for("login"))
+
+
+if __name__ == "__main__":
+    with app.app_context():
+        db.create_all()
+    app.run(debug=True)

config.py

@@ -0,0 +1,16 @@
+import os
+
+
+class Config:
+    # Configuración básica
+    SECRET_KEY = os.environ.get("SECRET_KEY") or "dev-key-very-secret"
+
+    # Configuración de SQLAlchemy
+    SQLALCHEMY_DATABASE_URI = os.environ.get("DATABASE_URL") or "sqlite:///pmbok.db"
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+
+    # Configuración de carga de archivos
+    UPLOAD_FOLDER = os.path.join(
+        os.path.dirname(os.path.abspath(__file__)), "static/uploads"
+    )
+    MAX_CONTENT_LENGTH = 16 * 1024 * 1024  # 16MB max file size

models.py

@@ -0,0 +1,215 @@
+from flask_sqlalchemy import SQLAlchemy
+from datetime import datetime
+from werkzeug.security import generate_password_hash, check_password_hash
+from flask_login import UserMixin
+
+db = SQLAlchemy()
+
+
+class User(UserMixin, db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(80), unique=True, nullable=False)
+    password_hash = db.Column(db.String(128))
+    projects = db.relationship("Project", backref="owner", lazy=True)
+
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+
+    def check_password(self, password):
+        return check_password_hash(self.password_hash, password)
+
+
+class Project(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(100), nullable=False)
+    description = db.Column(db.Text)
+    start_date = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
+    end_date = db.Column(db.DateTime)
+    user_id = db.Column(db.Integer, db.ForeignKey("user.id"), nullable=False)
+    tasks = db.relationship(
+        "Task", backref="project", lazy=True, cascade="all, delete-orphan"
+    )
+
+    @property
+    def progress(self):
+        if not self.tasks:
+            return 0
+        completed_tasks = sum(1 for task in self.tasks if task.status == "Terminado")
+        return round((completed_tasks / len(self.tasks)) * 100, 2)
+
+
+class Task(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    process_name = db.Column(db.String(200), nullable=False)
+    process_group = db.Column(db.String(50), nullable=False)
+    knowledge_area = db.Column(db.String(50), nullable=False)
+    status = db.Column(db.String(20), default="Pendiente")
+    evidence_file = db.Column(db.String(255))
+    completion_date = db.Column(db.DateTime)
+    project_id = db.Column(db.Integer, db.ForeignKey("project.id"), nullable=False)
+
+
+# Lista de procesos PMBOK 6th Edition
+PMBOK_PROCESSES = [
+    # Inicio
+    {
+        "group": "Inicio",
+        "area": "Integración",
+        "name": "Desarrollar Acta de Constitución del Proyecto",
+    },
+    {"group": "Inicio", "area": "Interesados", "name": "Identificar a los Interesados"},
+    # Planificación
+    {
+        "group": "Planificación",
+        "area": "Integración",
+        "name": "Desarrollar el Plan para la Dirección del Proyecto",
+    },
+    {
+        "group": "Planificación",
+        "area": "Alcance",
+        "name": "Planificar la Gestión del Alcance",
+    },
+    {"group": "Planificación", "area": "Alcance", "name": "Recopilar Requisitos"},
+    {"group": "Planificación", "area": "Alcance", "name": "Definir el Alcance"},
+    {"group": "Planificación", "area": "Alcance", "name": "Crear la EDT/WBS"},
+    {
+        "group": "Planificación",
+        "area": "Tiempo",
+        "name": "Planificar la Gestión del Cronograma",
+    },
+    {"group": "Planificación", "area": "Tiempo", "name": "Definir las Actividades"},
+    {"group": "Planificación", "area": "Tiempo", "name": "Secuenciar las Actividades"},
+    {
+        "group": "Planificación",
+        "area": "Tiempo",
+        "name": "Estimar la Duración de las Actividades",
+    },
+    {"group": "Planificación", "area": "Tiempo", "name": "Desarrollar el Cronograma"},
+    {
+        "group": "Planificación",
+        "area": "Costos",
+        "name": "Planificar la Gestión de Costos",
+    },
+    {"group": "Planificación", "area": "Costos", "name": "Estimar los Costos"},
+    {"group": "Planificación", "area": "Costos", "name": "Determinar el Presupuesto"},
+    {
+        "group": "Planificación",
+        "area": "Calidad",
+        "name": "Planificar la Gestión de Calidad",
+    },
+    {
+        "group": "Planificación",
+        "area": "Recursos Humanos",
+        "name": "Planificar la Gestión de Recursos",
+    },
+    {
+        "group": "Planificación",
+        "area": "Comunicaciones",
+        "name": "Planificar la Gestión de Comunicaciones",
+    },
+    {
+        "group": "Planificación",
+        "area": "Riesgos",
+        "name": "Planificar la Gestión de Riesgos",
+    },
+    {"group": "Planificación", "area": "Riesgos", "name": "Identificar los Riesgos"},
+    {
+        "group": "Planificación",
+        "area": "Riesgos",
+        "name": "Realizar Análisis Cualitativo de Riesgos",
+    },
+    {
+        "group": "Planificación",
+        "area": "Riesgos",
+        "name": "Realizar Análisis Cuantitativo de Riesgos",
+    },
+    {
+        "group": "Planificación",
+        "area": "Riesgos",
+        "name": "Planificar la Respuesta a los Riesgos",
+    },
+    {
+        "group": "Planificación",
+        "area": "Adquisiciones",
+        "name": "Planificar la Gestión de las Adquisiciones",
+    },
+    {
+        "group": "Planificación",
+        "area": "Interesados",
+        "name": "Planificar la Participación de los Interesados",
+    },
+    # Ejecución
+    {
+        "group": "Ejecución",
+        "area": "Integración",
+        "name": "Dirigir y Gestionar el Trabajo del Proyecto",
+    },
+    {
+        "group": "Ejecución",
+        "area": "Integración",
+        "name": "Gestionar el Conocimiento del Proyecto",
+    },
+    {"group": "Ejecución", "area": "Calidad", "name": "Gestionar la Calidad"},
+    {"group": "Ejecución", "area": "Recursos Humanos", "name": "Adquirir Recursos"},
+    {"group": "Ejecución", "area": "Recursos Humanos", "name": "Desarrollar el Equipo"},
+    {"group": "Ejecución", "area": "Recursos Humanos", "name": "Dirigir el Equipo"},
+    {
+        "group": "Ejecución",
+        "area": "Comunicaciones",
+        "name": "Gestionar las Comunicaciones",
+    },
+    {
+        "group": "Ejecución",
+        "area": "Riesgos",
+        "name": "Implementar la Respuesta a los Riesgos",
+    },
+    {
+        "group": "Ejecución",
+        "area": "Adquisiciones",
+        "name": "Efectuar las Adquisiciones",
+    },
+    {
+        "group": "Ejecución",
+        "area": "Interesados",
+        "name": "Gestionar la Participación de los Interesados",
+    },
+    # Monitoreo y Control
+    {
+        "group": "Monitoreo",
+        "area": "Integración",
+        "name": "Monitorear y Controlar el Trabajo del Proyecto",
+    },
+    {
+        "group": "Monitoreo",
+        "area": "Integración",
+        "name": "Realizar el Control Integrado de Cambios",
+    },
+    {"group": "Monitoreo", "area": "Alcance", "name": "Validar el Alcance"},
+    {"group": "Monitoreo", "area": "Alcance", "name": "Controlar el Alcance"},
+    {"group": "Monitoreo", "area": "Tiempo", "name": "Controlar el Cronograma"},
+    {"group": "Monitoreo", "area": "Costos", "name": "Controlar los Costos"},
+    {"group": "Monitoreo", "area": "Calidad", "name": "Controlar la Calidad"},
+    {
+        "group": "Monitoreo",
+        "area": "Recursos Humanos",
+        "name": "Controlar los Recursos",
+    },
+    {
+        "group": "Monitoreo",
+        "area": "Comunicaciones",
+        "name": "Monitorear las Comunicaciones",
+    },
+    {"group": "Monitoreo", "area": "Riesgos", "name": "Monitorear los Riesgos"},
+    {
+        "group": "Monitoreo",
+        "area": "Adquisiciones",
+        "name": "Controlar las Adquisiciones",
+    },
+    {
+        "group": "Monitoreo",
+        "area": "Interesados",
+        "name": "Monitorear la Participación de los Interesados",
+    },
+    # Cierre
+    {"group": "Cierre", "area": "Integración", "name": "Cerrar el Proyecto o Fase"},
+]

requirements.txt

@@ -0,0 +1,5 @@
+Flask==3.0.0
+Flask-SQLAlchemy==3.1.1
+Flask-Login==0.6.3
+Werkzeug==3.0.1
+python-dotenv==1.0.0

templates/base.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}PMBOK Tracker{% endblock %}</title>
+    <!-- Tailwind CSS -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body class="bg-gray-100">
+    <nav class="bg-blue-600 text-white shadow-lg mb-4">
+        <div class="container mx-auto px-4 py-3">
+            <div class="flex justify-between items-center">
+                <a href="{{ url_for('index') }}" class="text-xl font-bold">PMBOK Tracker</a>
+                <div>
+                    {% if current_user.is_authenticated %}
+                    <span class="mr-4">{{ current_user.username }}</span>
+                    <a href="{{ url_for('logout') }}" class="text-white hover:text-gray-200">Cerrar Sesión</a>
+                    {% else %}
+                    <a href="{{ url_for('login') }}" class="text-white hover:text-gray-200">Iniciar Sesión</a>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container mx-auto px-4">
+        {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+        {% for category, message in messages %}
+        <div class="alert alert-{{ category }} mb-4">
+            {{ message }}
+        </div>
+        {% endfor %}
+        {% endif %}
+        {% endwith %}
+
+        {% block content %}{% endblock %}
+    </div>
+
+    <!-- Bootstrap JS Bundle -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>

templates/create_project.html

@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="max-w-2xl mx-auto bg-white rounded-lg shadow-md p-6">
+    <div class="flex justify-between items-center mb-6">
+        <h2 class="text-2xl font-bold text-gray-800">Crear Nuevo Proyecto</h2>
+        <a href="{{ url_for('index') }}" class="btn btn-secondary">Volver</a>
+    </div>
+
+    <form method="POST" action="{{ url_for('create_project') }}">
+        <div class="mb-4">
+            <label for="name" class="block text-gray-700 text-sm font-bold mb-2">Nombre del Proyecto</label>
+            <input type="text" id="name" name="name" required class="form-control"
+                placeholder="Ingresa el nombre del proyecto">
+        </div>
+
+        <div class="mb-4">
+            <label for="description" class="block text-gray-700 text-sm font-bold mb-2">Descripción</label>
+            <textarea id="description" name="description" rows="4" class="form-control"
+                placeholder="Describe el proyecto"></textarea>
+        </div>
+
+        <div class="mb-4">
+            <label for="start_date" class="block text-gray-700 text-sm font-bold mb-2">Fecha de Inicio</label>
+            <input type="date" id="start_date" name="start_date" required class="form-control">
+        </div>
+
+        <div class="mb-6">
+            <label for="end_date" class="block text-gray-700 text-sm font-bold mb-2">Fecha de Fin (Opcional)</label>
+            <input type="date" id="end_date" name="end_date" class="form-control">
+        </div>
+
+        <div class="flex justify-end">
+            <button type="submit" class="btn btn-primary">
+                Crear Proyecto
+            </button>
+        </div>
+    </form>
+</div>
+{% endblock %}

templates/index.html

@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="bg-white rounded-lg shadow-md p-6 mb-6">
+    <div class="flex justify-between items-center mb-6">
+        <h1 class="text-2xl font-bold text-gray-800">Proyectos PMBOK</h1>
+        <a href="{{ url_for('create_project') }}" class="btn btn-primary">Nuevo Proyecto</a>
+    </div>
+
+    {% if projects %}
+    <div class="overflow-x-auto">
+        <table class="table table-striped">
+            <thead class="bg-gray-50">
+                <tr>
+                    <th scope="col">Nombre</th>
+                    <th scope="col">Descripción</th>
+                    <th scope="col">Fecha Inicio</th>
+                    <th scope="col">Fecha Fin</th>
+                    <th scope="col">Progreso</th>
+                    <th scope="col">Acciones</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for project in projects %}
+                <tr>
+                    <td>{{ project.name }}</td>
+                    <td>{{ project.description[:100] }}...</td>
+                    <td>{{ project.start_date.strftime('%d/%m/%Y') }}</td>
+                    <td>{{ project.end_date.strftime('%d/%m/%Y') if project.end_date else 'No definida' }}</td>
+                    <td>
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" style="width: {{ project.progress }}%"
+                                aria-valuenow="{{ project.progress }}" aria-valuemin="0" aria-valuemax="100">
+                                {{ project.progress }}%
+                            </div>
+                        </div>
+                    </td>
+                    <td>
+                        <a href="{{ url_for('project_detail', project_id=project.id) }}" class="btn btn-sm btn-info">Ver
+                            Detalle</a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    {% else %}
+    <div class="text-center py-6">
+        <p class="text-gray-600">No hay proyectos registrados.</p>
+        <a href="{{ url_for('create_project') }}" class="btn btn-primary mt-4">Crear Primer Proyecto</a>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}

templates/login.html

@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="max-w-md mx-auto bg-white rounded-lg shadow-md p-6">
+    <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">Iniciar Sesión</h2>
+
+    <form method="POST" action="{{ url_for('login') }}">
+        <div class="mb-4">
+            <label for="username" class="block text-gray-700 text-sm font-bold mb-2">Usuario</label>
+            <input type="text" id="username" name="username" required class="form-control"
+                placeholder="Ingresa tu nombre de usuario">
+        </div>
+
+        <div class="mb-6">
+            <label for="password" class="block text-gray-700 text-sm font-bold mb-2">Contraseña</label>
+            <input type="password" id="password" name="password" required class="form-control"
+                placeholder="Ingresa tu contraseña">
+        </div>
+
+        <div class="flex items-center justify-between">
+            <button type="submit" class="btn btn-primary w-full">
+                Iniciar Sesión
+            </button>
+        </div>
+    </form>
+
+    <div class="mt-4 text-center">
+        <p class="text-gray-600">¿No tienes una cuenta?
+            <a href="{{ url_for('register') }}" class="text-blue-500 hover:text-blue-700">
+                Regístrate
+            </a>
+        </p>
+    </div>
+</div>
+{% endblock %}

templates/project.html

@@ -0,0 +1,142 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="bg-white rounded-lg shadow-md p-6">
+    <div class="mb-6">
+        <div class="flex justify-between items-center">
+            <h1 class="text-2xl font-bold text-gray-800">{{ project.name }}</h1>
+            <a href="{{ url_for('index') }}" class="btn btn-secondary">Volver a Proyectos</a>
+        </div>
+        <p class="text-gray-600 mt-2">{{ project.description }}</p>
+        <div class="mt-4">
+            <strong>Progreso General:</strong>
+            <div class="progress mt-2">
+                <div class="progress-bar" role="progressbar" style="width: {{ project.progress }}%"
+                    aria-valuenow="{{ project.progress }}" aria-valuemin="0" aria-valuemax="100">
+                    {{ project.progress }}%
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="mb-4">
+        <div class="btn-group" role="group">
+            {% for group in ["Inicio", "Planificación", "Ejecución", "Monitoreo", "Cierre"] %}
+            <button type="button" class="btn btn-outline-primary filter-btn" data-group="{{ group }}">
+                {{ group }}
+            </button>
+            {% endfor %}
+        </div>
+    </div>
+
+    <div class="overflow-x-auto">
+        <table class="table table-striped">
+            <thead class="bg-gray-50">
+                <tr>
+                    <th>Proceso</th>
+                    <th>Grupo</th>
+                    <th>Área</th>
+                    <th>Estado</th>
+                    <th>Evidencia</th>
+                    <th>Acciones</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for task in project.tasks %}
+                <tr class="task-row" data-group="{{ task.process_group }}">
+                    <td>{{ task.process_name }}</td>
+                    <td>{{ task.process_group }}</td>
+                    <td>{{ task.knowledge_area }}</td>
+                    <td>
+                        <span
+                            class="badge {% if task.status == 'Terminado' %}bg-success{% elif task.status == 'En Proceso' %}bg-warning{% else %}bg-secondary{% endif %}">
+                            {{ task.status }}
+                        </span>
+                    </td>
+                    <td>
+                        {% if task.evidence_file %}
+                        <a href="{{ url_for('download_file', filename=task.evidence_file) }}"
+                            class="btn btn-sm btn-link">
+                            Descargar
+                        </a>
+                        {% else %}
+                        <span class="text-muted">Sin evidencia</span>
+                        {% endif %}
+                    </td>
+                    <td>
+                        <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal"
+                            data-bs-target="#taskModal{{ task.id }}">
+                            Actualizar
+                        </button>
+
+                        <!-- Modal para cada tarea -->
+                        <div class="modal fade" id="taskModal{{ task.id }}" tabindex="-1">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title">Actualizar Tarea</h5>
+                                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                                    </div>
+                                    <form action="{{ url_for('update_task', task_id=task.id) }}" method="POST"
+                                        enctype="multipart/form-data">
+                                        <div class="modal-body">
+                                            <div class="mb-3">
+                                                <label class="form-label">Estado</label>
+                                                <select name="status" class="form-select" required>
+                                                    <option value="Pendiente" {% if task.status=='Pendiente'
+                                                        %}selected{% endif %}>Pendiente</option>
+                                                    <option value="En Proceso" {% if task.status=='En Proceso'
+                                                        %}selected{% endif %}>En Proceso</option>
+                                                    <option value="Terminado" {% if task.status=='Terminado'
+                                                        %}selected{% endif %}>Terminado</option>
+                                                </select>
+                                            </div>
+                                            <div class="mb-3">
+                                                <label class="form-label">Evidencia (PDF, DOCX, Imagen)</label>
+                                                <input type="file" name="evidence" class="form-control"
+                                                    accept=".pdf,.docx,.jpg,.jpeg,.png">
+                                            </div>
+                                        </div>
+                                        <div class="modal-footer">
+                                            <button type="button" class="btn btn-secondary"
+                                                data-bs-dismiss="modal">Cancelar</button>
+                                            <button type="submit" class="btn btn-primary">Guardar</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        const filterButtons = document.querySelectorAll('.filter-btn');
+        const taskRows = document.querySelectorAll('.task-row');
+
+        filterButtons.forEach(button => {
+            button.addEventListener('click', function () {
+                const group = this.dataset.group;
+
+                // Toggle active state of buttons
+                filterButtons.forEach(btn => btn.classList.remove('active'));
+                this.classList.add('active');
+
+                // Filter rows
+                taskRows.forEach(row => {
+                    if (group === 'all' || row.dataset.group === group) {
+                        row.style.display = '';
+                    } else {
+                        row.style.display = 'none';
+                    }
+                });
+            });
+        });
+    });
+</script>
+{% endblock %}

templates/register.html

@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="max-w-md mx-auto bg-white rounded-lg shadow-md p-6">
+    <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">Registro</h2>
+
+    <form method="POST" action="{{ url_for('register') }}">
+        <div class="mb-4">
+            <label for="username" class="block text-gray-700 text-sm font-bold mb-2">Usuario</label>
+            <input type="text" id="username" name="username" required class="form-control"
+                placeholder="Elige un nombre de usuario">
+        </div>
+
+        <div class="mb-6">
+            <label for="password" class="block text-gray-700 text-sm font-bold mb-2">Contraseña</label>
+            <input type="password" id="password" name="password" required class="form-control"
+                placeholder="Elige una contraseña segura">
+        </div>
+
+        <div class="flex items-center justify-between">
+            <button type="submit" class="btn btn-primary w-full">
+                Registrarse
+            </button>
+        </div>
+    </form>
+
+    <div class="mt-4 text-center">
+        <p class="text-gray-600">¿Ya tienes una cuenta?
+            <a href="{{ url_for('login') }}" class="text-blue-500 hover:text-blue-700">
+                Inicia Sesión
+            </a>
+        </p>
+    </div>
+</div>
+{% endblock %}