Relacionando bases de datos con la pagina

Dockerfile

@@ -18,6 +18,8 @@ ENV DATA_DIR=/data
 
 EXPOSE 7860
 
+RUN mkdir -p /data && chmod 755 /data
+
 VOLUME ["/data"]
 
 CMD ["gunicorn", "--bind", "0.0.0.0:7860", "--workers", "2", "--timeout", "120", "app.app:app"]

app/app.py

@@ -1,69 +1,80 @@
 from flask import Flask, render_template, jsonify, request, session
 from flask_cors import CORS
-import json
 import os
 import uuid
+import json
 from datetime import datetime
+from datasets import Dataset, load_dataset
 
 app = Flask(__name__)
 app.secret_key = os.environ.get('SECRET_KEY', 'educateenIA_secret_key_2024')
 CORS(app)
 
-# HF Spaces proporciona /data para almacenamiento persistente
 DATA_DIR = os.environ.get('DATA_DIR', '/data')
-
-# Si no existe /data, usar directorio local (para desarrollo)
 if not os.path.exists(DATA_DIR):
     DATA_DIR = os.path.join(os.path.dirname(__file__), 'data')
     os.makedirs(DATA_DIR, exist_ok=True)
 
-COURSES_FILE = os.path.join(DATA_DIR, 'courses.json')
-CLASSROOMS_FILE = os.path.join(DATA_DIR, 'classrooms.json')
-USERS_FILE = os.path.join(DATA_DIR, 'users.json')
-PROGRESS_FILE = os.path.join(DATA_DIR, 'progress.json')
-
-def init_data_files():
-    if not os.path.exists(COURSES_FILE):
-        with open(COURSES_FILE, 'w') as f:
-            json.dump([
-                {"id": 1, "title": "Introducción a la IA", "description": "Aprende los conceptos fundamentales de la Inteligencia Artificial", "category": "ai", "level": "beginner", "students": 45, "modules": 8, "icon": "🤖", "color": "linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%)"},
-                {"id": 2, "title": "Machine Learning Práctico", "description": "Implementa modelos de ML desde cero con Python", "category": "ml", "level": "intermediate", "students": 32, "modules": 12, "icon": "📊", "color": "linear-gradient(135deg, #10B981 0%, #34D399 100%)"},
-                {"id": 3, "title": "Arduino para Principiantes", "description": "Crea tus primeros proyectos electrónicos con Arduino", "category": "arduino", "level": "beginner", "students": 56, "modules": 10, "icon": "⚡", "color": "linear-gradient(135deg, #00979D 0%, #4ECDC4 100%)"},
-                {"id": 4, "title": "IoT con ESP32", "description": "Conecta dispositivos a internet y crea soluciones IoT", "category": "iot", "level": "intermediate", "students": 28, "modules": 8, "icon": "📡", "color": "linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%)"},
-                {"id": 5, "title": "Raspberry Pi Mastery", "description": "Domina Raspberry Pi para proyectos de automatización", "category": "raspberry", "level": "advanced", "students": 18, "modules": 15, "icon": "🖥️", "color": "linear-gradient(135deg, #C13584 0%, #E1306C 100%)"}
-            ], f, indent=2)
-
-    if not os.path.exists(CLASSROOMS_FILE):
-        with open(CLASSROOMS_FILE, 'w') as f:
-            json.dump([
-                {"id": 1, "name": "IA Básico - Grupo A", "course_id": 1, "course_name": "Introducción a la IA", "students": 25, "capacity": 30, "schedule": "Lun-Mié 10:00", "tools": ["ai_test", "ml_classification"], "enrolled_students": []},
-                {"id": 2, "name": "ML Práctico - Grupo A", "course_id": 2, "course_name": "Machine Learning Práctico", "students": 20, "capacity": 25, "schedule": "Mar-Jue 14:00", "tools": ["ml_classification", "ml_regression"], "enrolled_students": []},
-                {"id": 3, "name": "Arduino - Taller", "course_id": 3, "course_name": "Arduino para Principiantes", "students": 18, "capacity": 20, "schedule": "Sáb 9:00", "tools": ["arduino_sim", "iot_sim"], "enrolled_students": []}
-            ], f, indent=2)
-
-    if not os.path.exists(USERS_FILE):
-        with open(USERS_FILE, 'w') as f:
-            json.dump({"students": [], "teachers": []}, f, indent=2)
-
-    if not os.path.exists(PROGRESS_FILE):
-        with open(PROGRESS_FILE, 'w') as f:
-            json.dump({}, f, indent=2)
-
-init_data_files()
-
-def load_json(filepath):
-    with open(filepath, 'r') as f:
-        return json.load(f)
-
-def save_json(filepath, data):
+REPO_ID = os.environ.get('REPO_ID', None)
+
+def load_from_disk(filename, fallback=None):
+    filepath = os.path.join(DATA_DIR, f"{filename}.json")
+    if os.path.exists(filepath):
+        with open(filepath, 'r') as f:
+            data = json.load(f)
+        return Dataset.from_list(data) if data else Dataset.from_list(fallback or [])
+    return Dataset.from_list(fallback or [])
+
+def save_to_disk(ds, filename):
+    filepath = os.path.join(DATA_DIR, f"{filename}.json")
     with open(filepath, 'w') as f:
-        json.dump(data, f, indent=2)
+        json.dump(ds.to_list(), f, indent=2)
+
+COURSES_DATA = []
+
+CLASSROOMS_DATA = []
+
+courses_ds = load_from_disk("courses", COURSES_DATA)
+classrooms_ds = load_from_disk("classrooms", CLASSROOMS_DATA)
+users_ds = load_from_disk("users", [])
+progress_ds = load_from_disk("progress", [])
+
+def get_courses_list():
+    return courses_ds.to_list()
+
+def save_courses_list(data):
+    global courses_ds
+    courses_ds = Dataset.from_list(data)
+    save_to_disk(courses_ds, "courses")
+
+def get_classrooms_list():
+    return classrooms_ds.to_list()
+
+def save_classrooms_list(data):
+    global classrooms_ds
+    classrooms_ds = Dataset.from_list(data)
+    save_to_disk(classrooms_ds, "classrooms")
+
+def get_users_list():
+    return users_ds.to_list()
+
+def save_users_list(data):
+    global users_ds
+    users_ds = Dataset.from_list(data)
+    save_to_disk(users_ds, "users")
+
+def get_progress_list():
+    return progress_ds.to_list()
+
+def save_progress_list(data):
+    global progress_ds
+    progress_ds = Dataset.from_list(data)
+    save_to_disk(progress_ds, "progress")
 
 @app.route('/')
 def index():
     return render_template('index.html')
 
-# ============ AUTH ============
 @app.route('/api/login', methods=['POST'])
 def login():
     data = request.json
@@ -72,7 +83,7 @@ def login():
     name = data.get('name')
     course_id = data.get('course_id')
 
-    users = load_json(USERS_FILE)
+    users = get_users_list()
 
     if role == 'teacher':
         from app.config import AuthConfig
@@ -86,21 +97,31 @@ def login():
             return jsonify({'success': False, 'error': 'Nombre y curso requeridos'}), 400
         
         student_id = str(uuid.uuid4())[:8]
-        student = {'id': student_id, 'name': name, 'course_id': int(course_id), 'created_at': datetime.now().isoformat()}
-        
-        users['students'].append(student)
-        save_json(USERS_FILE, users)
-
-        classrooms = load_json(CLASSROOMS_FILE)
+        new_user = {
+            'id': student_id,
+            'name': name,
+            'role': 'student',
+            'course_id': int(course_id),
+            'created_at': datetime.now().isoformat()
+        }
+        users.append(new_user)
+        save_users_list(users)
+
+        courses = get_courses_list()
+        course = next((c for c in courses if c['id'] == int(course_id)), None)
+        course_name = course['title'] if course else 'Sin curso'
+
+        classrooms = get_classrooms_list()
         for cr in classrooms:
             if cr['course_id'] == int(course_id):
-                if 'enrolled_students' not in cr:
-                    cr['enrolled_students'] = []
-                cr['enrolled_students'].append({'id': student_id, 'name': name})
-        save_json(CLASSROOMS_FILE, classrooms)
+                enrolled = json.loads(cr.get('enrolled_students', '[]'))
+                enrolled.append({'id': student_id, 'name': name})
+                cr['enrolled_students'] = json.dumps(enrolled)
+                cr['students'] = cr.get('students', 0) + 1
+        save_classrooms_list(classrooms)
 
         session['user'] = {'role': 'student', 'id': student_id, 'name': name, 'course_id': int(course_id)}
-        return jsonify({'success': True, 'role': 'student', 'name': name, 'student_id': student_id})
+        return jsonify({'success': True, 'role': 'student', 'name': name, 'student_id': student_id, 'course_name': course_name})
 
     return jsonify({'success': False, 'error': 'Rol inválido'}), 400
 
@@ -115,47 +136,47 @@ def get_session():
         return jsonify({'authenticated': True, 'user': session['user']})
     return jsonify({'authenticated': False})
 
-# ============ STATS ============
 @app.route('/api/stats')
 def get_stats():
-    courses = load_json(COURSES_FILE)
-    classrooms = load_json(CLASSROOMS_FILE)
-    users = load_json(USERS_FILE)
-    progress = load_json(PROGRESS_FILE)
+    courses = get_courses_list()
+    classrooms = get_classrooms_list()
+    users = get_users_list()
+    progress = get_progress_list()
     
-    total_students = len(users.get('students', []))
+    students = [u for u in users if u.get('role') == 'student']
     completion_rate = 0
     if progress:
-        completed = sum(1 for p in progress.values() if p.get('completed', False))
+        completed = sum(1 for p in progress if p.get('completed', False))
         if completed > 0:
             completion_rate = int((completed / len(progress)) * 100)
 
     return jsonify({
         "courses": len(courses),
         "classrooms": len(classrooms),
-        "students": total_students,
+        "students": len(students),
         "completionRate": completion_rate
     })
 
-# ============ COURSES ============
 @app.route('/api/courses')
-def get_courses():
+def get_courses_api():
     limit = request.args.get('limit', type=int)
-    courses = load_json(COURSES_FILE)
+    courses = get_courses_list()
     if limit:
         courses = courses[:limit]
     return jsonify(courses)
 
 @app.route('/api/courses', methods=['POST'])
 def create_course():
-    courses = load_json(COURSES_FILE)
     data = request.json
     
     icons = {"ai": "🤖", "ml": "📊", "arduino": "⚡", "iot": "📡", "raspberry": "🖥️", "python": "🐍", "data": "📈"}
     colors = {"ai": "linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%)", "ml": "linear-gradient(135deg, #10B981 0%, #34D399 100%)", "arduino": "linear-gradient(135deg, #00979D 0%, #4ECDC4 100%)", "iot": "linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%)", "raspberry": "linear-gradient(135deg, #C13584 0%, #E1306C 100%)"}
     
+    courses = get_courses_list()
+    new_id = max([c['id'] for c in courses], default=0) + 1
+    
     new_course = {
-        "id": max([c['id'] for c in courses], default=0) + 1,
+        "id": new_id,
         "title": data.get('title'),
         "description": data.get('description'),
         "category": data.get('category'),
@@ -167,47 +188,51 @@ def create_course():
     }
     
     courses.append(new_course)
-    save_json(COURSES_FILE, courses)
+    save_courses_list(courses)
+    
     return jsonify(new_course), 201
 
-# ============ CLASSROOMS ============
 @app.route('/api/classrooms')
-def get_classrooms():
-    return jsonify(load_json(CLASSROOMS_FILE))
+def get_classrooms_api():
+    return jsonify(get_classrooms_list())
 
 @app.route('/api/classrooms', methods=['POST'])
 def create_classroom():
-    classrooms = load_json(CLASSROOMS_FILE)
-    courses = load_json(COURSES_FILE)
     data = request.json
     
+    courses = get_courses_list()
     course = next((c for c in courses if c['id'] == int(data.get('course_id', 0))), None)
+    course_name = course['title'] if course else 'Sin curso'
+    
+    classrooms = get_classrooms_list()
+    new_id = max([c['id'] for c in classrooms], default=0) + 1
     
     new_classroom = {
-        "id": max([c['id'] for c in classrooms], default=0) + 1,
+        "id": new_id,
         "name": data.get('name'),
         "course_id": int(data.get('course_id')),
-        "course_name": course['title'] if course else 'Sin curso',
+        "course_name": course_name,
         "description": data.get('description'),
         "capacity": data.get('capacity', 30),
         "students": 0,
         "schedule": "Por definir",
-        "tools": data.get('tools', []),
-        "enrolled_students": []
+        "tools": json.dumps(data.get('tools', [])),
+        "enrolled_students": json.dumps([])
     }
     
     classrooms.append(new_classroom)
-    save_json(CLASSROOMS_FILE, classrooms)
+    save_classrooms_list(classrooms)
+    
     return jsonify(new_classroom), 201
 
-# ============ STUDENT PROGRESS ============
 @app.route('/api/progress', methods=['GET'])
-def get_progress():
+def get_progress_api():
     student_id = request.args.get('student_id')
-    progress = load_json(PROGRESS_FILE)
+    progress = get_progress_list()
     
     if student_id:
-        return jsonify(progress.get(student_id, {}))
+        progress = [p for p in progress if p.get('student_id') == student_id]
+    
     return jsonify(progress)
 
 @app.route('/api/progress', methods=['POST'])
@@ -219,22 +244,28 @@ def update_progress():
     completed = data.get('completed', False)
     attempts = data.get('attempts', 1)
 
-    progress = load_json(PROGRESS_FILE)
-    
-    if student_id not in progress:
-        progress[student_id] = {'name': data.get('name', ''), 'course_id': data.get('course_id'), 'activities': {}}
+    progress = get_progress_list()
     
-    if tool_id not in progress[student_id]['activities']:
-        progress[student_id]['activities'][tool_id] = {'attempts': 0, 'best_score': 0, 'completed': False, 'extra_attempts': 0}
+    existing = next((p for p in progress if p.get('student_id') == student_id and p.get('tool_id') == tool_id), None)
     
-    activity = progress[student_id]['activities'][tool_id]
-    activity['attempts'] = attempts
-    if score > activity['best_score']:
-        activity['best_score'] = score
-    if completed:
-        activity['completed'] = True
+    if existing:
+        existing['attempts'] = attempts
+        existing['best_score'] = max(existing.get('best_score', 0), score)
+        if completed:
+            existing['completed'] = True
+    else:
+        progress.append({
+            'student_id': student_id,
+            'tool_id': tool_id,
+            'name': data.get('name', ''),
+            'course_id': data.get('course_id'),
+            'attempts': attempts,
+            'best_score': score,
+            'completed': completed,
+            'extra_attempts': 0
+        })
     
-    save_json(PROGRESS_FILE, progress)
+    save_progress_list(progress)
     return jsonify({'success': True})
 
 @app.route('/api/progress/extra-attempts', methods=['POST'])
@@ -244,61 +275,65 @@ def add_extra_attempts():
     tool_id = data.get('tool_id')
     extra = data.get('extra', 1)
 
-    progress = load_json(PROGRESS_FILE)
+    progress = get_progress_list()
     
-    if student_id in progress and tool_id in progress[student_id]['activities']:
-        progress[student_id]['activities'][tool_id]['extra_attempts'] = progress[student_id]['activities'][tool_id].get('extra_attempts', 0) + extra
-        save_json(PROGRESS_FILE, progress)
-        return jsonify({'success': True, 'extra_attempts': progress[student_id]['activities'][tool_id]['extra_attempts']})
+    existing = next((p for p in progress if p.get('student_id') == student_id and p.get('tool_id') == tool_id), None)
+    
+    if existing:
+        existing['extra_attempts'] = existing.get('extra_attempts', 0) + extra
+        save_progress_list(progress)
+        return jsonify({'success': True, 'extra_attempts': existing['extra_attempts']})
     
     return jsonify({'success': False, 'error': 'Estudiante o actividad no encontrada'}), 404
 
 @app.route('/api/students/progress')
 def get_all_students_progress():
-    progress = load_json(PROGRESS_FILE)
-    users = load_json(USERS_FILE)
-    courses = load_json(COURSES_FILE)
+    progress = get_progress_list()
+    users = get_users_list()
+    courses = get_courses_list()
+    
+    student_ids = set(p.get('student_id') for p in progress)
     
     result = []
-    for student_id, data in progress.items():
-        student = next((s for s in users['students'] if s['id'] == student_id), None)
-        course = next((c for c in courses if c['id'] == data.get('course_id')), None)
+    for student_id in student_ids:
+        student_progs = [p for p in progress if p.get('student_id') == student_id]
+        student = next((u for u in users if u.get('id') == student_id), None)
         
-        activities = []
-        total = 0
-        completed = 0
-        for tool_id, act in data.get('activities', {}).items():
-            total += 1
-            if act.get('completed'):
-                completed += 1
-            activities.append({
-                'tool_id': tool_id,
-                'attempts': act.get('attempts', 0),
-                'extra_attempts': act.get('extra_attempts', 0),
-                'best_score': act.get('best_score', 0),
-                'completed': act.get('completed', False)
+        if student_progs and student:
+            first = student_progs[0]
+            course = next((c for c in courses if c['id'] == first.get('course_id')), None)
+            
+            activities = []
+            total = len(student_progs)
+            completed = sum(1 for p in student_progs if p.get('completed'))
+            
+            for p in student_progs:
+                activities.append({
+                    'tool_id': p.get('tool_id'),
+                    'attempts': p.get('attempts', 0),
+                    'extra_attempts': p.get('extra_attempts', 0),
+                    'best_score': p.get('best_score', 0),
+                    'completed': p.get('completed', False)
+                })
+            
+            result.append({
+                'id': student_id,
+                'name': student.get('name', student_id),
+                'course': course['title'] if course else 'Sin curso',
+                'course_id': first.get('course_id'),
+                'activities': activities,
+                'total_activities': total,
+                'completed_activities': completed,
+                'progress_percent': int((completed / total) * 100) if total > 0 else 0
             })
-        
-        result.append({
-            'id': student_id,
-            'name': data.get('name', student_id),
-            'course': course['title'] if course else 'Sin curso',
-            'course_id': data.get('course_id'),
-            'activities': activities,
-            'total_activities': total,
-            'completed_activities': completed,
-            'progress_percent': int((completed / total) * 100) if total > 0 else 0
-        })
     
     return jsonify(result)
 
-# ============ TOOLS ============
 @app.route('/api/tools')
 def get_tools():
     from app.config import ToolConfig
     return jsonify(ToolConfig.get_tools_for_classroom())
 
-# ============ QUIZ ============
 @app.route('/api/quiz/questions')
 def get_quiz_questions():
     return jsonify([
@@ -310,7 +345,6 @@ def get_quiz_questions():
         {"question": "¿Cuál es la función de un sensor en un proyecto IoT?", "options": ["Almacenar datos", "Capturar información del entorno físico", "Procesar imágenes", "Conectar a internet"], "correct": 1}
     ])
 
-# ============ RASPBERRY GUIDE ============
 @app.route('/api/raspberry/guide')
 def get_raspberry_guide():
     return jsonify([

app/static/js/classrooms.js

@@ -65,7 +65,15 @@ const Classrooms = {
         if (!container) return;
 
         if (!this.classrooms || this.classrooms.length === 0) {
-            container.innerHTML = '<p style="color: #6B7280; text-align: center;">No hay aulas creadas. Crea la primera!</p>';
+            const isTeacher = App.user?.role === 'teacher';
+            container.innerHTML = `
+                <div class="empty-state" style="text-align: center; padding: 2rem;">
+                    <i class="fas fa-school" style="font-size: 3rem; color: #D1D5DB; margin-bottom: 1rem;"></i>
+                    <h4 style="color: #6B7280; margin-bottom: 0.5rem;">No hay aulas virtuales</h4>
+                    <p style="color: #9CA3AF; margin-bottom: 1rem;">${isTeacher ? 'Crea una nueva aula para tus estudiantes' : 'No hay aulas disponibles aún'}</p>
+                    ${isTeacher ? '<button class="btn btn-primary" onclick="Classrooms.loadCoursesForSelect(); Modal.open(\'classroomModal\')"><i class="fas fa-plus"></i> Nueva Aula</button>' : ''}
+                </div>
+            `;
             return;
         }
 
@@ -95,12 +103,24 @@ const Classrooms = {
     },
 
     renderClassroomTools(tools) {
-        if (!tools || tools.length === 0) return '<span class="no-tools">Sin herramientas</span>';
+        if (!tools) return '<span class="no-tools">Sin herramientas</span>';
+        
+        let toolsArray = tools;
+        if (typeof tools === 'string') {
+            try {
+                toolsArray = JSON.parse(tools);
+            } catch (e) {
+                toolsArray = [];
+            }
+        }
         
-        return tools.map(t => {
+        if (!toolsArray || toolsArray.length === 0) return '<span class="no-tools">Sin herramientas</span>';
+        
+        return toolsArray.map(t => {
             const tool = this.tools.find(tool => tool.id === t);
             if (!tool) return '';
-            return `<span class="tool-badge" style="background: ${tool.color}20; color: ${tool.color.replace('linear-gradient(', '').split(' ')[0]}"><i class="fas ${tool.icon}"></i> ${tool.name}</span>`;
+            const colorVal = tool.color.replace('linear-gradient(', '').split(' ')[0];
+            return `<span class="tool-badge" style="background: ${colorVal}20; color: ${colorVal}"><i class="fas ${tool.icon}"></i> ${tool.name}</span>`;
         }).join('');
     },
 
@@ -120,6 +140,14 @@ const Classrooms = {
             });
         }
 
+        const btn2 = document.getElementById('newClassroomBtn2');
+        if (btn2) {
+            btn2.addEventListener('click', () => {
+                this.loadCoursesForSelect();
+                Modal.open('classroomModal');
+            });
+        }
+
         const form = document.getElementById('classroomForm');
         if (form) {
             form.addEventListener('submit', (e) => this.handleSubmit(e));
@@ -132,6 +160,10 @@ const Classrooms = {
             const courses = await response.json();
             const select = document.getElementById('classroomCourse');
             if (select) {
+                if (courses.length === 0) {
+                    select.innerHTML = '<option value="">No hay cursos - crea uno primero</option>';
+                    return;
+                }
                 select.innerHTML = courses.map(c => `<option value="${c.id}">${c.title}</option>`).join('');
             }
         } catch (error) {
@@ -142,12 +174,20 @@ const Classrooms = {
     async handleSubmit(e) {
         e.preventDefault();
 
+        const courseSelect = document.getElementById('classroomCourse');
+        const courseId = courseSelect.value;
+        
+        if (!courseId || courseId === '' || courseSelect.options[courseSelect.selectedIndex]?.text.includes('No hay cursos')) {
+            alert('Primero debes crear un curso antes de poder crear un aula');
+            return;
+        }
+
         const selectedTools = Array.from(document.querySelectorAll('input[name="tools"]:checked'))
             .map(cb => cb.value);
 
         const classroomData = {
             name: document.getElementById('classroomName').value,
-            course_id: document.getElementById('classroomCourse').value,
+            course_id: courseId,
             description: document.getElementById('classroomDescription').value,
             capacity: parseInt(document.getElementById('classroomCapacity').value),
             tools: selectedTools

app/static/js/courses.js

@@ -29,7 +29,14 @@ const Courses = {
         if (!container) return;
 
         if (!this.courses || this.courses.length === 0) {
-            container.innerHTML = '<p style="color: #6B7280; text-align: center; grid-column: 1/-1;">No hay cursos disponibles. Crea el primero!</p>';
+            container.innerHTML = `
+                <div class="empty-state" style="grid-column: 1/-1; text-align: center; padding: 3rem;">
+                    <i class="fas fa-book-open" style="font-size: 4rem; color: #D1D5DB; margin-bottom: 1rem;"></i>
+                    <h3 style="color: #6B7280; margin-bottom: 0.5rem;">No hay cursos disponibles</h3>
+                    <p style="color: #9CA3AF; margin-bottom: 1.5rem;">Crea el primer curso para comenzar</p>
+                    ${App.user?.role === 'teacher' ? '<button class="btn btn-primary" onclick="Modal.open(\'courseModal\')"><i class="fas fa-plus"></i> Crear Curso</button>' : ''}
+                </div>
+            `;
             return;
         }
 
@@ -56,7 +63,13 @@ const Courses = {
     renderEmpty() {
         const container = document.getElementById('allCourses');
         if (container) {
-            container.innerHTML = '<p style="color: #6B7280; text-align: center; grid-column: 1/-1;">No hay cursos disponibles</p>';
+            container.innerHTML = `
+                <div class="empty-state" style="grid-column: 1/-1; text-align: center; padding: 3rem;">
+                    <i class="fas fa-book-open" style="font-size: 4rem; color: #D1D5DB; margin-bottom: 1rem;"></i>
+                    <h3 style="color: #6B7280; margin-bottom: 0.5rem;">No hay cursos disponibles</h3>
+                    <p style="color: #9CA3AF;">Crea el primer curso para comenzar</p>
+                </div>
+            `;
         }
     },
 

app/static/js/dashboard.js

@@ -96,7 +96,15 @@ const Dashboard = {
         if (!container) return;
 
         if (!courses || courses.length === 0) {
-            container.innerHTML = '<p style="color: #6B7280; grid-column: 1/-1; text-align: center;">No hay cursos disponibles</p>';
+            const isTeacher = App.user?.role === 'teacher';
+            container.innerHTML = `
+                <div class="empty-state" style="grid-column: 1/-1; text-align: center; padding: 2rem;">
+                    <i class="fas fa-graduation-cap" style="font-size: 3rem; color: #D1D5DB; margin-bottom: 1rem;"></i>
+                    <h4 style="color: #6B7280; margin-bottom: 0.5rem;">Bienvenido a EducateEnIA</h4>
+                    <p style="color: #9CA3AF; margin-bottom: 1rem;">${isTeacher ? 'Comienza creando tu primer curso' : 'No hay cursos disponibles aún'}</p>
+                    ${isTeacher ? '<button class="btn btn-primary" onclick="Modal.open(\'courseModal\')"><i class="fas fa-plus"></i> Crear Curso</button>' : ''}
+                </div>
+            `;
             return;
         }
 

requirements.txt

@@ -1,3 +1,4 @@
 flask>=2.3.0
 flask-cors>=4.0.0
 gunicorn>=21.0.0
+datasets>=2.14.0