[V0_FILE]json:file="data/questions_digital.json" isMerged="true" [ { "id": "dig-001", "competencia": "DIGITAL", "type": "mcq_single", "prompt": "En una hoja de cálculo, si en una casilla vacía escribimos la expresión =PROMEDIO(B2; B3; B9; B10), ¿qué tipo de operación realizará?", "options": [ { "key": "A", "text": "Sumará los valores de las celdas indicadas" }, { "key": "B", "text": "Calculará la media aritmética de los valores de las celdas indicadas" }, { "key": "C", "text": "Contará cuántas celdas contienen números" } ], "correct": "B", "explanation": "La función PROMEDIO calcula la media aritmética de los valores especificados.", "source": { "year": 2024, "label": "Ámbito C-T Asturias" } }, { "id": "dig-002", "competencia": "DIGITAL", "type": "true_false_set", "prompt": "En relación con el reciclaje de aparatos eléctricos y electrónicos (RAEE), indica si las siguientes afirmaciones son verdaderas (V) o falsas (F):", "statements": [ { "key": "A", "text": "Las #GreenShop son una iniciativa para organizar la recogida de RAEE", "correct": true }, { "key": "B", "text": "Cualquier electrodoméstico puede ser llevado a una #GreenShop", "correct": false }, { "key": "C", "text": "La finalidad de las #GreenShop es vender dispositivos de segunda mano", "correct": false } ], "source": { "year": 2024, "label": "Ámbito C-T Asturias" } }, { "id": "dig-003", "competencia": "DIGITAL", "type": "matching", "prompt": "Relaciona cada tipo de software con su función principal:", "left": [ { "key": "1", "text": "Antivirus" }, { "key": "2", "text": "Procesador de textos" }, { "key": "3", "text": "Hoja de cálculo" }, { "key": "4", "text": "Navegador web" } ], "right": [ { "key": "A", "text": "Realizar operaciones matemáticas" }, { "key": "B", "text": "Proteger el equipo de malware" }, { "key": "C", "text": "Acceder a páginas de Internet" }, { "key": "D", "text": "Crear y editar documentos" } ], "correctPairs": { "1": "B", "2": "D", "3": "A", "4": "C" }, "source": { "year": 2024, "label": "Ámbito C-T Asturias" } }, { "id": "dig-004", "competencia": "DIGITAL", "type": "short_answer", "prompt": "¿Cuál es el término empleado para designar el modelo de producción y consumo enfocado en optimizar los recursos y minimizar los residuos?", "guidance": "Piensa en un modelo que busca cerrar el ciclo de vida de los productos.", "sampleAnswer": "Economía Circular", "source": { "year": 2024, "label": "Ámbito C-T Asturias" } }, { "id": "dig-005", "competencia": "DIGITAL", "type": "open_response", "prompt": "Indique dos acciones características de un consumidor comprometido con un uso responsable y sostenible de dispositivos móviles y otros aparatos eléctricos y electrónicos.", "guidance": "Valora: acciones concretas y realistas, relación con alargar vida útil o reciclar correctamente.", "sampleAnswer": "1) Reparar dispositivos averiados antes de comprar nuevos. 2) Entregar los dispositivos antiguos en puntos de recogida autorizados para su correcto reciclaje.", "source": { "year": 2024, "label": "Ámbito C-T Asturias" } } ] [V0_FILE]json:file="data/questions_matematica.json" isMerged="true" [ { "id": "mat-001", "competencia": "MATEMATICA", "dominio": "Números y cálculo", "type": "mcq_single", "prompt": "¿Cuál es el resultado de 3/4 + 1/2?", "source": { "year": 2025, "label": "Modelo A" }, "options": [ { "key": "A", "text": "4/6" }, { "key": "B", "text": "5/4" }, { "key": "C", "text": "1" }, { "key": "D", "text": "7/8" } ], "correct": "B", "explanation": "3/4 + 1/2 = 3/4 + 2/4 = 5/4" }, { "id": "mat-002", "competencia": "MATEMATICA", "dominio": "Formas y medidas", "type": "true_false_set", "prompt": "Indica si las siguientes afirmaciones sobre geometría son verdaderas o falsas:", "source": { "year": 2025, "label": "Modelo A" }, "statements": [ { "key": "A", "text": "Un triángulo equilátero tiene todos sus lados iguales.", "correct": true }, { "key": "B", "text": "El área de un rectángulo se calcula multiplicando base por altura.", "correct": true }, { "key": "C", "text": "Un cuadrado es un tipo de rombo.", "correct": true }, { "key": "D", "text": "La suma de los ángulos de un triángulo es 360°.", "correct": false } ] }, { "id": "mat-003", "competencia": "MATEMATICA", "dominio": "Resolución de problemas", "type": "ordering", "prompt": "Ordena los pasos para resolver el problema: 'Si un producto cuesta 80€ y tiene un 25% de descuento, ¿cuál es el precio final?'", "source": { "year": 2025, "label": "Modelo B" }, "steps": [ { "key": "A", "text": "Calcular el 25% de 80€ = 20€" }, { "key": "B", "text": "Identificar el precio original: 80€" }, { "key": "C", "text": "El precio final es 60€" }, { "key": "D", "text": "Restar el descuento: 80€ - 20€" } ], "correctOrder": ["B", "A", "D", "C"] }, { "id": "mat-004", "competencia": "MATEMATICA", "dominio": "Gráficos y estadística", "type": "multi_select", "prompt": "Selecciona las 3 medidas de tendencia central:", "source": { "year": 2025, "label": "Modelo B" }, "options": [ { "key": "A", "text": "Media" }, { "key": "B", "text": "Rango" }, { "key": "C", "text": "Mediana" }, { "key": "D", "text": "Moda" }, { "key": "E", "text": "Varianza" } ], "requiredCount": 3, "correct": ["A", "C", "D"] } ] [V0_FILE]typescript:file="lib/types.ts" isMerged="true" // Competency types export type Competencia = "DIGITAL" | "COMUNICACION" | "MATEMATICA"; // Item types - includes both auto-correctable and open-ended questions export type ItemType = | "mcq_single" | "true_false_set" | "matching" | "ordering" | "multi_select" | "short_answer" // Respuesta breve (1-2 frases) | "open_response"; // Respuesta abierta/desarrollo // Base question interface export interface BaseQuestion { id: string; competencia: Competencia; dominio?: string; type: ItemType; prompt: string; source: { year: number; label: string; ambito?: string; page?: number }; needsReview?: boolean; // For items that couldn't be auto-classified } // MCQ Single Choice export interface MCQSingleQuestion extends BaseQuestion { type: "mcq_single"; options: { key: "A" | "B" | "C" | "D"; text: string }[]; correct: "A" | "B" | "C" | "D"; explanation?: string; } // True/False Set export interface TrueFalseSetQuestion extends BaseQuestion { type: "true_false_set"; statements: { key: string; text: string; correct: boolean }[]; } // Matching export interface MatchingQuestion extends BaseQuestion { type: "matching"; left: { key: string; text: string }[]; right: { key: string; text: string }[]; correctPairs: Record; } // Ordering export interface OrderingQuestion extends BaseQuestion { type: "ordering"; steps: { key: string; text: string }[]; correctOrder: string[]; } // Multi Select export interface MultiSelectQuestion extends BaseQuestion { type: "multi_select"; options: { key: string; text: string }[]; requiredCount: number; correct: string[]; } // Short Answer (respuesta breve) export interface ShortAnswerQuestion extends BaseQuestion { type: "short_answer"; guidance?: string; // Orientación/criterios para autoevaluación sampleAnswer?: string; // Respuesta modelo si está disponible } // Open Response (desarrollo/respuesta abierta) export interface OpenResponseQuestion extends BaseQuestion { type: "open_response"; guidance?: string; sampleAnswer?: string; } // Open Short Question export interface OpenShortQuestion extends BaseQuestion { type: "open_short"; guidance?: string; sampleAnswer?: string; } // Open Calculation Question export interface OpenCalculationQuestion extends BaseQuestion { type: "open_calculation"; guidance?: string; sampleAnswer?: string; } // Open Essay Question export interface OpenEssayQuestion extends BaseQuestion { type: "open_essay"; guidance?: string; sampleAnswer?: string; } // Union type for all questions export type Question = | MCQSingleQuestion | TrueFalseSetQuestion | MatchingQuestion | OrderingQuestion | MultiSelectQuestion | ShortAnswerQuestion | OpenResponseQuestion; // Helper to check if question is auto-correctable export function isAutoCorrectible(q: Question): boolean { return ["mcq_single", "true_false_set", "matching", "ordering", "multi_select"].includes(q.type); } // Helper to check if question is open-ended export function isOpenEnded(q: Question): boolean { return ["short_answer", "open_response"].includes(q.type); } // App state types export interface DailyStats { date: string; // YYYY-MM-DD completed: number; correct: number; incorrect: number; } export interface AppState { markedForReview: string[]; recentlyViewed: string[]; // Last 50 IDs dailyStats: DailyStats; } // Competency metadata export const COMPETENCY_META: Record = { DIGITAL: { emoji: "💻", name: "COMPETENCIA BÁSICA DIGITAL", color: "digital", }, COMUNICACION: { emoji: "📚", name: "COMPETENCIA BÁSICA COMUNICACIÓN", color: "comunicacion", }, MATEMATICA: { emoji: "➗", name: "COMPETENCIA BÁSICA MATEMÁTICA", color: "matematica", }, }; [V0_FILE]typescript:file="lib/questions.ts" isMerged="true" import type { Question, Competencia } from "./types"; // Dynamic loaders for each competency export async function loadDigitalQuestions(): Promise { const data = await import("@/data/questions_digital.json"); return data.default as Question[]; } export async function loadComunicacionQuestions(): Promise { const data = await import("@/data/questions_comunicacion.json"); return data.default as Question[]; } export async function loadMatematicaQuestions(): Promise { const data = await import("@/data/questions_matematica.json"); return data.default as Question[]; } // Load questions by competency export async function loadQuestionsByCompetencia(competencia: Competencia): Promise { switch (competencia) { case "DIGITAL": return loadDigitalQuestions(); case "COMUNICACION": return loadComunicacionQuestions(); case "MATEMATICA": return loadMatematicaQuestions(); } } // Load all questions export async function loadAllQuestions(): Promise { const [digital, comunicacion, matematica] = await Promise.all([ loadDigitalQuestions(), loadComunicacionQuestions(), loadMatematicaQuestions(), ]); return [...digital, ...comunicacion, ...matematica]; } // Shuffle array (Fisher-Yates) export function shuffleArray(array: T[]): T[] { const shuffled = [...array]; for (let i = shuffled.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; } return shuffled; } // Get random questions avoiding recently viewed export function getRandomQuestions( questions: Question[], count: number, recentlyViewed: string[] ): Question[] { // Filter out recently viewed const available = questions.filter((q) => !recentlyViewed.includes(q.id)); // If not enough available, use all questions const pool = available.length >= count ? available : questions; // Shuffle and take the required count return shuffleArray(pool).slice(0, count); } [V0_FILE]typescript:file="lib/storage.ts" isMerged="true" import type { AppState, DailyStats } from "./types"; const STORAGE_KEY = "asturias-exam-practice"; const MAX_RECENTLY_VIEWED = 50; function getTodayDate(): string { return new Date().toISOString().split("T")[0]; } function getDefaultState(): AppState { return { markedForReview: [], recentlyViewed: [], dailyStats: { date: getTodayDate(), completed: 0, correct: 0, incorrect: 0, }, }; } export function loadState(): AppState { if (typeof window === "undefined") { return getDefaultState(); } try { const stored = localStorage.getItem(STORAGE_KEY); if (!stored) { return getDefaultState(); } const state = JSON.parse(stored) as AppState; // Reset daily stats if it's a new day if (state.dailyStats.date !== getTodayDate()) { state.dailyStats = { date: getTodayDate(), completed: 0, correct: 0, incorrect: 0, }; } return state; } catch { return getDefaultState(); } } export function saveState(state: AppState): void { if (typeof window === "undefined") return; localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } export function addToRecentlyViewed(state: AppState, id: string): AppState { const recentlyViewed = [id, ...state.recentlyViewed.filter((i) => i !== id)].slice( 0, MAX_RECENTLY_VIEWED ); return { ...state, recentlyViewed }; } export function toggleMarkedForReview(state: AppState, id: string): AppState { const markedForReview = state.markedForReview.includes(id) ? state.markedForReview.filter((i) => i !== id) : [...state.markedForReview, id]; return { ...state, markedForReview }; } export function updateDailyStats( state: AppState, isCorrect: boolean ): AppState { const today = getTodayDate(); const stats: DailyStats = state.dailyStats.date === today ? { ...state.dailyStats } : { date: today, completed: 0, correct: 0, incorrect: 0 }; stats.completed += 1; if (isCorrect) { stats.correct += 1; } else { stats.incorrect += 1; } return { ...state, dailyStats: stats }; } export function resetDailyStats(state: AppState): AppState { return { ...state, dailyStats: { date: getTodayDate(), completed: 0, correct: 0, incorrect: 0, }, }; } export function clearMarkedForReview(state: AppState): AppState { return { ...state, markedForReview: [] }; } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.98 0 0); --foreground: oklch(0.15 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0 0); --primary: oklch(0.45 0.2 250); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.95 0 0); --secondary-foreground: oklch(0.2 0 0); --muted: oklch(0.94 0 0); --muted-foreground: oklch(0.5 0 0); --accent: oklch(0.92 0 0); --accent-foreground: oklch(0.2 0 0); --destructive: oklch(0.55 0.22 25); --destructive-foreground: oklch(1 0 0); --border: oklch(0.88 0 0); --input: oklch(0.88 0 0); --ring: oklch(0.45 0.2 250); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); /* Competency colors */ --digital: oklch(0.55 0.18 250); --digital-light: oklch(0.92 0.05 250); --comunicacion: oklch(0.55 0.18 145); --comunicacion-light: oklch(0.92 0.05 145); --matematica: oklch(0.55 0.18 30); --matematica-light: oklch(0.92 0.05 30); /* Success/Error */ --success: oklch(0.6 0.18 145); --success-light: oklch(0.92 0.05 145); --error: oklch(0.55 0.22 25); --error-light: oklch(0.92 0.08 25); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); /* Competency colors */ --color-digital: var(--digital); --color-digital-light: var(--digital-light); --color-comunicacion: var(--comunicacion); --color-comunicacion-light: var(--comunicacion-light); --color-matematica: var(--matematica); --color-matematica-light: var(--matematica-light); --color-success: var(--success); --color-success-light: var(--success-light); --color-error: var(--error); --color-error-light: var(--error-light); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Wave animation for greeting emoji */ @keyframes wave { 0%, 100% { transform: rotate(0deg); } 15% { transform: rotate(14deg); } 30% { transform: rotate(-8deg); } 45% { transform: rotate(14deg); } 60% { transform: rotate(-4deg); } 75% { transform: rotate(10deg); } 85% { transform: rotate(0deg); } } [V0_FILE]typescriptreact:file="components/competencia-picker.tsx" isMerged="true" "use client"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { ArrowLeft } from "lucide-react"; import type { Competencia } from "@/lib/types"; import { COMPETENCY_META } from "@/lib/types"; interface CompetenciaPickerProps { onSelect: (competencia: Competencia) => void; onBack: () => void; } export function CompetenciaPicker({ onSelect, onBack }: CompetenciaPickerProps) { const competencias: Competencia[] = ["DIGITAL", "COMUNICACION", "MATEMATICA"]; return (

Elige una competencia

Selecciona el área que quieres practicar

{competencias.map((comp) => { const meta = COMPETENCY_META[comp]; return ( onSelect(comp)} >

{meta.emoji}

{meta.name}

); })}

); } [V0_FILE]typescriptreact:file="components/start-screen.tsx" isMerged="true" "use client"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { Shuffle, BookOpen, ClipboardList } from "lucide-react"; type Mode = "competencia" | "aleatorio" | "simulacro"; interface StartScreenProps { onSelectMode: (mode: Mode) => void; } export function StartScreen({ onSelectMode }: StartScreenProps) { return (

{/* Hero section with subtle graffiti-inspired CSS background */}

{/* Subtle noise/texture overlay via CSS */}

{/* Gradient background */}

Ey, Enol 👋

Práctica basada en modelos oficiales de Asturias (últimos años).

onSelectMode("competencia")} >

Entrenar por competencia

Elige una competencia específica para practicar

onSelectMode("aleatorio")} >

Modo aleatorio

Preguntas de todas las competencias al azar

onSelectMode("simulacro")} >

Simulacro

Examen simulado con temporizador opcional

); } [V0_FILE]typescriptreact:file="components/progress-panel.tsx" isMerged="true" "use client"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { X, RotateCcw, Trash2 } from "lucide-react"; import type { AppState } from "@/lib/types"; import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog"; interface ProgressPanelProps { appState: AppState; onClose: () => void; onResetStats: () => void; onClearMarked: () => void; } export function ProgressPanel({ appState, onClose, onResetStats, onClearMarked, }: ProgressPanelProps) { const { dailyStats, markedForReview } = appState; const accuracy = dailyStats.completed > 0 ? Math.round((dailyStats.correct / dailyStats.completed) * 100) : 0; return (

Progreso de hoy

Completadas

{dailyStats.completed}

Aciertos

{dailyStats.correct}

Fallos

{dailyStats.incorrect}

Precisión

{accuracy}%

Marcadas para repasar:{" "} {markedForReview.length}

¿Reiniciar estadísticas? Se pondrán a cero los contadores de hoy. Esta acción no se puede deshacer. Cancelar Reiniciar ¿Limpiar marcadas para repasar? Se eliminarán todas las preguntas marcadas para repasar. Cancelar Limpiar

); } [V0_FILE]typescriptreact:file="components/app-shell.tsx" isMerged="true" "use client"; import { useState } from "react"; import type { ReactNode } from "react"; import { Button } from "@/components/ui/button"; import { BarChart3, Home } from "lucide-react"; import { ProgressPanel } from "./progress-panel"; import type { AppState } from "@/lib/types"; interface AppShellProps { children: ReactNode; onGoHome: () => void; showHomeButton: boolean; appState: AppState; onResetStats: () => void; onClearMarked: () => void; } export function AppShell({ children, onGoHome, showHomeButton, appState, onResetStats, onClearMarked, }: AppShellProps) { const [showStats, setShowStats] = useState(false); return (

{showHomeButton && ( )}

Prueba Grado Medio Asturias

{showStats && ( setShowStats(false)} onResetStats={onResetStats} onClearMarked={onClearMarked} /> )}

{children}

); } [V0_FILE]typescriptreact:file="components/question-renderers/ordering.tsx" isMerged="true" "use client"; import { useState, useEffect } from "react"; import type { OrderingQuestion } from "@/lib/types"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; import { GripVertical, ArrowUp, ArrowDown, Check, X } from "lucide-react"; interface OrderingRendererProps { question: OrderingQuestion; userAnswer: string[] | null; onAnswer: (answer: string[]) => void; showSolution: boolean; answered: boolean; } export function OrderingRenderer({ question, userAnswer, onAnswer, showSolution, answered, }: OrderingRendererProps) { // Initialize with shuffled order const [order, setOrder] = useState(() => { if (userAnswer) return userAnswer; // Shuffle the keys const keys = question.steps.map((s) => s.key); for (let i = keys.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [keys[i], keys[j]] = [keys[j], keys[i]]; } return keys; }); useEffect(() => { if (!userAnswer) { onAnswer(order); } }, []); const moveItem = (index: number, direction: "up" | "down") => { if (answered) return; const newOrder = [...order]; const newIndex = direction === "up" ? index - 1 : index + 1; if (newIndex < 0 || newIndex >= order.length) return; [newOrder[index], newOrder[newIndex]] = [newOrder[newIndex], newOrder[index]]; setOrder(newOrder); onAnswer(newOrder); }; const getStepText = (key: string) => { return question.steps.find((s) => s.key === key)?.text || ""; }; return (

{order.map((key, index) => { const correctPosition = question.correctOrder.indexOf(key); const isCorrectPosition = showSolution && index === correctPosition; const isIncorrectPosition = showSolution && index !== correctPosition; return (

{index + 1}

{key} {getStepText(key)}

{showSolution && (

{isCorrectPosition ? ( ) : ( {correctPosition + 1} )}

)}

); })}

Usa las flechas para ordenar los pasos correctamente.

{showSolution && (

Orden correcto:

{getStepText(key)}

)}

); } [V0_FILE]typescriptreact:file="components/question-renderers/mcq-single.tsx" isMerged="true" "use client"; import type { MCQSingleQuestion } from "@/lib/types"; import { cn } from "@/lib/utils"; import { Check, X } from "lucide-react"; interface MCQSingleRendererProps { question: MCQSingleQuestion; userAnswer: string | null; onAnswer: (answer: string) => void; showSolution: boolean; answered: boolean; } export function MCQSingleRenderer({ question, userAnswer, onAnswer, showSolution, answered, }: MCQSingleRendererProps) { return (

{question.options.map((option) => { const isSelected = userAnswer === option.key; const isCorrect = option.key === question.correct; const showCorrect = showSolution && isCorrect; const showIncorrect = showSolution && isSelected && !isCorrect; return ( ); })}

); } [V0_FILE]typescriptreact:file="components/question-renderers/true-false-set.tsx" isMerged="true" "use client"; import type { TrueFalseSetQuestion } from "@/lib/types"; import { cn } from "@/lib/utils"; import { Check, X } from "lucide-react"; interface TrueFalseSetRendererProps { question: TrueFalseSetQuestion; userAnswer: Record | null; onAnswer: (answer: Record) => void; showSolution: boolean; answered: boolean; } export function TrueFalseSetRenderer({ question, userAnswer, onAnswer, showSolution, answered, }: TrueFalseSetRendererProps) { const handleSelect = (key: string, value: boolean) => { if (answered) return; const newAnswer = { ...(userAnswer || {}), [key]: value }; onAnswer(newAnswer); }; return (

{question.statements.map((statement) => { const selected = userAnswer?.[statement.key]; const isCorrect = selected === statement.correct; const showResult = showSolution && selected !== undefined; return (

{statement.key} {statement.text}

); })}

Debes responder a todas las afirmaciones para comprobar.

); } [V0_FILE]typescriptreact:file="components/question-renderers/matching.tsx" isMerged="true" "use client"; import type { MatchingQuestion } from "@/lib/types"; import { cn } from "@/lib/utils"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Check, X } from "lucide-react"; interface MatchingRendererProps { question: MatchingQuestion; userAnswer: Record | null; onAnswer: (answer: Record) => void; showSolution: boolean; answered: boolean; } export function MatchingRenderer({ question, userAnswer, onAnswer, showSolution, answered, }: MatchingRendererProps) { const handleSelect = (leftKey: string, rightKey: string) => { if (answered) return; const newAnswer = { ...(userAnswer || {}), [leftKey]: rightKey }; onAnswer(newAnswer); }; return (

{/* Left column items with selectors */}

Columna A

{question.left.map((item) => { const selectedRight = userAnswer?.[item.key]; const correctRight = question.correctPairs[item.key]; const isCorrect = selectedRight === correctRight; return (

{item.key} {item.text}

{showSolution && selectedRight && ( isCorrect ? ( ) : ( {correctRight} ) )}

); })}

{/* Right column reference */}

Columna B

{question.right.map((item) => (

{item.key} {item.text}

))}

Selecciona el número correspondiente de la Columna B para cada elemento de la Columna A.

); } [V0_FILE]typescriptreact:file="components/question-renderers/multi-select.tsx" isMerged="true" "use client"; import type { MultiSelectQuestion } from "@/lib/types"; import { cn } from "@/lib/utils"; import { Check, X, AlertCircle } from "lucide-react"; import { useState } from "react"; interface MultiSelectRendererProps { question: MultiSelectQuestion; userAnswer: string[] | null; onAnswer: (answer: string[]) => void; showSolution: boolean; answered: boolean; } export function MultiSelectRenderer({ question, userAnswer, onAnswer, showSolution, answered, }: MultiSelectRendererProps) { const [showWarning, setShowWarning] = useState(false); const selected = userAnswer || []; const handleToggle = (key: string) => { if (answered) return; if (selected.includes(key)) { // Deselect const newSelected = selected.filter((k) => k !== key); onAnswer(newSelected); setShowWarning(false); } else { // Check if we can select more if (selected.length >= question.requiredCount) { setShowWarning(true); setTimeout(() => setShowWarning(false), 2000); return; } const newSelected = [...selected, key]; onAnswer(newSelected); } }; return (

Selecciona exactamente{" "} {question.requiredCount} {" "} opciones {selected.length}/{question.requiredCount}

{showWarning && (

Ya has seleccionado {question.requiredCount} opciones. Desmarca una para seleccionar otra.

)} {question.options.map((option) => { const isSelected = selected.includes(option.key); const isCorrect = question.correct.includes(option.key); const showCorrect = showSolution && isCorrect; const showIncorrect = showSolution && isSelected && !isCorrect; const showMissed = showSolution && !isSelected && isCorrect; return ( ); })}

); } [V0_FILE]typescriptreact:file="components/simulacro-setup.tsx" isMerged="true" "use client"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Switch } from "@/components/ui/switch"; import { Label } from "@/components/ui/label"; import { ArrowLeft, Play, Clock, ListChecks } from "lucide-react"; interface SimulacroSetupProps { onStart: (count: number, withTimer: boolean) => void; onBack: () => void; } export function SimulacroSetup({ onStart, onBack }: SimulacroSetupProps) { const [questionCount, setQuestionCount] = useState(10); const [withTimer, setWithTimer] = useState(false); const counts = [10, 20, 30]; return (

Configurar Simulacro

Personaliza tu examen de práctica

Número de preguntas

{counts.map((count) => ( ))}

Temporizador

Activar temporizador

{withTimer ? `${questionCount * 2} minutos para completar` : "Sin límite de tiempo"}

); } [V0_FILE]typescriptreact:file="components/simulacro-flow.tsx" isMerged="true" "use client"; import { useState, useEffect, useCallback } from "react"; import type { Question } from "@/lib/types"; import { ExerciseCard } from "./exercise-card"; import { SimulacroResults } from "./simulacro-results"; import { Clock } from "lucide-react"; interface SimulacroFlowProps { questions: Question[]; withTimer: boolean; onComplete: () => void; onToggleMarked: (id: string) => void; markedIds: string[]; onAnswer: (isCorrect: boolean) => void; } interface QuestionResult { question: Question; isCorrect: boolean; } export function SimulacroFlow({ questions, withTimer, onComplete, onToggleMarked, markedIds, onAnswer, }: SimulacroFlowProps) { const [currentIndex, setCurrentIndex] = useState(0); const [results, setResults] = useState([]); const [isFinished, setIsFinished] = useState(false); const [timeLeft, setTimeLeft] = useState(questions.length * 2 * 60); // 2 min per question const [retryMode, setRetryMode] = useState(false); const [retryQuestions, setRetryQuestions] = useState([]); // Timer effect useEffect(() => { if (!withTimer || isFinished) return; const interval = setInterval(() => { setTimeLeft((prev) => { if (prev <= 1) { setIsFinished(true); return 0; } return prev - 1; }); }, 1000); return () => clearInterval(interval); }, [withTimer, isFinished]); const formatTime = (seconds: number) => { const mins = Math.floor(seconds / 60); const secs = seconds % 60; return `${mins}:${secs.toString().padStart(2, "0")}`; }; const handleAnswer = useCallback( (isCorrect: boolean) => { const currentQuestion = retryMode ? retryQuestions[currentIndex] : questions[currentIndex]; setResults((prev) => [ ...prev, { question: currentQuestion, isCorrect }, ]); onAnswer(isCorrect); }, [currentIndex, questions, retryQuestions, retryMode, onAnswer] ); const handleNext = () => { const questionList = retryMode ? retryQuestions : questions; if (currentIndex < questionList.length - 1) { setCurrentIndex((prev) => prev + 1); } else { setIsFinished(true); } }; const handleRetryFailed = () => { const failedQuestions = results .filter((r) => !r.isCorrect) .map((r) => r.question); if (failedQuestions.length === 0) return; setRetryQuestions(failedQuestions); setRetryMode(true); setCurrentIndex(0); setResults([]); setIsFinished(false); if (withTimer) { setTimeLeft(failedQuestions.length * 2 * 60); } }; if (isFinished) { const correct = results.filter((r) => r.isCorrect).length; const failed = results.filter((r) => !r.isCorrect); return ( 0 ? handleRetryFailed : undefined} onFinish={onComplete} isRetryMode={retryMode} /> ); } const currentQuestion = retryMode ? retryQuestions[currentIndex] : questions[currentIndex]; const totalQuestions = retryMode ? retryQuestions.length : questions.length; return (

{withTimer && (

{formatTime(timeLeft)}

)} {retryMode && (

Modo repaso: repitiendo las preguntas falladas

)}

); } [V0_FILE]typescriptreact:file="components/simulacro-results.tsx" isMerged="true" "use client"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Trophy, Target, XCircle, RotateCcw, Home, CheckCircle2, } from "lucide-react"; import type { Question } from "@/lib/types"; import { COMPETENCY_META } from "@/lib/types"; interface SimulacroResultsProps { totalQuestions: number; correct: number; failed: { question: Question; isCorrect: boolean }[]; onRetryFailed?: () => void; onFinish: () => void; isRetryMode?: boolean; } export function SimulacroResults({ totalQuestions, correct, failed, onRetryFailed, onFinish, isRetryMode, }: SimulacroResultsProps) { const percentage = Math.round((correct / totalQuestions) * 100); const isPassed = percentage >= 50; return (

{isPassed ? (

) : (

)}

{isRetryMode ? "Repaso completado" : isPassed ? "¡Buen trabajo!" : "Sigue practicando"}

{percentage}%

Puntuación

{correct}

Aciertos

{failed.length}

Fallos

{failed.length > 0 && ( Preguntas falladas

{meta.emoji}

{question.prompt}

{question.source.label} ({question.source.year})

)}

{onRetryFailed && failed.length > 0 && ( )}

); } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client"; import { useState, useEffect, useCallback } from "react"; import { AppShell } from "@/components/app-shell"; import { StartScreen } from "@/components/start-screen"; import { CompetenciaPicker } from "@/components/competencia-picker"; import { ExerciseCard } from "@/components/exercise-card"; import { SimulacroSetup } from "@/components/simulacro-setup"; import { SimulacroFlow } from "@/components/simulacro-flow"; import type { Question, Competencia, AppState } from "@/lib/types"; import { loadQuestionsByCompetencia, loadAllQuestions, shuffleArray, getRandomQuestions, } from "@/lib/questions"; import { loadState, saveState, addToRecentlyViewed, toggleMarkedForReview, updateDailyStats, resetDailyStats, clearMarkedForReview, } from "@/lib/storage"; import { Loader2 } from "lucide-react"; type AppScreen = | "start" | "competencia-picker" | "exercise" | "simulacro-setup" | "simulacro"; export default function Home() { const [screen, setScreen] = useState("start"); const [appState, setAppState] = useState(() => loadState()); const [questions, setQuestions] = useState([]); const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0); const [loading, setLoading] = useState(false); const [simulacroSettings, setSimulacroSettings] = useState({ count: 10, withTimer: false, }); // Persist state changes useEffect(() => { saveState(appState); }, [appState]); const handleGoHome = () => { setScreen("start"); setQuestions([]); setCurrentQuestionIndex(0); }; const handleSelectMode = (mode: "competencia" | "aleatorio" | "simulacro") => { if (mode === "competencia") { setScreen("competencia-picker"); } else if (mode === "aleatorio") { startRandomMode(); } else { setScreen("simulacro-setup"); } }; const startRandomMode = async () => { setLoading(true); try { const allQuestions = await loadAllQuestions(); const randomQuestions = getRandomQuestions( allQuestions, allQuestions.length, appState.recentlyViewed ); setQuestions(randomQuestions); setCurrentQuestionIndex(0); setScreen("exercise"); } finally { setLoading(false); } }; const handleSelectCompetencia = async (competencia: Competencia) => { setLoading(true); try { const compQuestions = await loadQuestionsByCompetencia(competencia); const shuffled = shuffleArray(compQuestions); setQuestions(shuffled); setCurrentQuestionIndex(0); setScreen("exercise"); } finally { setLoading(false); } }; const handleStartSimulacro = async (count: number, withTimer: boolean) => { setLoading(true); setSimulacroSettings({ count, withTimer }); try { const allQuestions = await loadAllQuestions(); // Get unique questions for simulacro (never repeat within same simulacro) const simulacroQuestions = shuffleArray(allQuestions).slice(0, count); setQuestions(simulacroQuestions); setScreen("simulacro"); } finally { setLoading(false); } }; const handleAnswer = useCallback( (isCorrect: boolean) => { const currentQuestion = questions[currentQuestionIndex]; setAppState((prev) => { let newState = updateDailyStats(prev, isCorrect); newState = addToRecentlyViewed(newState, currentQuestion.id); return newState; }); }, [questions, currentQuestionIndex] ); const handleNext = () => { if (currentQuestionIndex < questions.length - 1) { setCurrentQuestionIndex((prev) => prev + 1); } else { // Loop back or show completion setCurrentQuestionIndex(0); } }; const handleToggleMarked = (id: string) => { setAppState((prev) => toggleMarkedForReview(prev, id)); }; const handleResetStats = () => { setAppState((prev) => resetDailyStats(prev)); }; const handleClearMarked = () => { setAppState((prev) => clearMarkedForReview(prev)); }; const currentQuestion = questions[currentQuestionIndex]; return ( {loading && (

Cargando preguntas...

)} {!loading && screen === "start" && ( )} {!loading && screen === "competencia-picker" && ( setScreen("start")} /> )} {!loading && screen === "exercise" && currentQuestion && ( setScreen("start")} onAnswer={handleAnswer} onToggleMarked={handleToggleMarked} isMarked={appState.markedForReview.includes(currentQuestion.id)} progress={{ current: currentQuestionIndex + 1, total: questions.length, }} /> )} {!loading && screen === "simulacro-setup" && ( setScreen("start")} /> )} {!loading && screen === "simulacro" && questions.length > 0 && ( )} ); } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import React from "react" import type { Metadata } from 'next' import { Geist, Geist_Mono } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import './globals.css' const _geist = Geist({ subsets: ["latin"] }); const _geistMono = Geist_Mono({ subsets: ["latin"] }); export const metadata: Metadata = { title: 'Prueba Grado Medio Asturias - Práctica', description: 'Practica para la prueba de acceso a ciclos formativos de Grado Medio de Asturias con ejercicios basados en los modelos oficiales 2025-2026.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="data/questions_matematicas.json" isMerged="true" [ { "id": "mat-2024-ct-numeros-1", "competencia": "MATEMATICAS", "dominio": "Números naturales", "type": "open_short", "prompt": "Escriba con cifras el número \"treinta y siete mil quinientos\".", "guidance": "Descomponga el número: 37 mil = 37.000, quinientos = 500.", "sampleAnswer": "37.500", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2024-ct-numeros-2", "competencia": "MATEMATICAS", "dominio": "Números decimales", "type": "open_short", "prompt": "¿Qué decimal representa la fracción 3/5?", "guidance": "Divida el numerador entre el denominador: 3 ÷ 5.", "sampleAnswer": "0,6", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2024-ct-numeros-3", "competencia": "MATEMATICAS", "dominio": "Orden de números", "type": "ordering", "prompt": "Ordene los siguientes números de menor a mayor: 0,7 ; 3/5 ; 2/3", "steps": [ { "key": "A", "text": "0,7" }, { "key": "B", "text": "3/5" }, { "key": "C", "text": "2/3" } ], "correctOrder": ["B", "C", "A"], "explanation": "3/5 = 0,6 ; 2/3 ≈ 0,666 ; 0,7 = 0,7. Ordenados: 0,6 < 0,666 < 0,7", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2024-ct-porcentaje-1", "competencia": "MATEMATICAS", "dominio": "Porcentajes", "type": "open_short", "prompt": "La Fundación ECOLEC gestionó en 2023 unas 150.000 toneladas de RAEE. ¿Qué cantidad representaría el 80% de esta cifra?", "guidance": "Calcule: 80% de 150.000 = (80/100) × 150.000", "sampleAnswer": "120.000 toneladas", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2024-ct-mcm-1", "competencia": "MATEMATICAS", "dominio": "Divisibilidad", "type": "open_short", "prompt": "Un taller de reciclaje procesa 6 lotes al día de pilas y 8 lotes de baterías. ¿Cada cuántos lotes procesados coincidirán ambos procesos al mismo tiempo? (Calcule el m.c.m.)", "guidance": "mcm(6,8) = el menor número divisible por 6 y por 8.", "sampleAnswer": "24 lotes", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 13 } }, { "id": "mat-2024-ct-porcentaje-2", "competencia": "MATEMATICAS", "dominio": "Porcentajes", "type": "open_short", "prompt": "Un frigorífico tiene un precio original de 800 €. Si aplican un 15% de descuento, ¿cuál será el precio final?", "guidance": "Descuento = 15% de 800. Precio final = 800 - Descuento.", "sampleAnswer": "680 €", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 13 } }, { "id": "mat-2024-ct-proporcionalidad-1", "competencia": "MATEMATICAS", "dominio": "Proporcionalidad", "type": "open_short", "prompt": "Si 3 trabajadores reciclan 600 kg de residuos, ¿cuántos kg reciclarán 5 trabajadores en las mismas condiciones?", "guidance": "Regla de tres directa: 3 trabajadores → 600 kg; 5 trabajadores → x kg", "sampleAnswer": "1.000 kg", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 13 } }, { "id": "mat-2024-ct-expresion-algebr-1", "competencia": "MATEMATICAS", "dominio": "Álgebra", "type": "open_short", "prompt": "Una planta de tratamiento recibe 'x' toneladas de RAEE al día. Escribe una expresión algebraica que represente las toneladas tratadas en una semana (7 días) si cada día incrementa en 5 toneladas respecto al anterior.", "guidance": "Día 1: x, Día 2: x+5, Día 3: x+10... Sume la progresión aritmética.", "sampleAnswer": "7x + 105 (o equivalente: suma de x, x+5, x+10, x+15, x+20, x+25, x+30)", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 14 } }, { "id": "mat-2024-ct-ecuacion-1", "competencia": "MATEMATICAS", "dominio": "Ecuaciones", "type": "open_short", "prompt": "Resuelva la ecuación: 3x + 7 = 22", "guidance": "Despeje x: reste 7 a ambos lados, luego divida entre 3.", "sampleAnswer": "x = 5", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 14 } }, { "id": "mat-2023-ct-porcentaje-textil-1", "competencia": "MATEMATICAS", "dominio": "Porcentajes", "type": "open_short", "prompt": "Si una prenda de ropa costaba originalmente 45 € y ahora está rebajada un 20%, ¿cuál es el precio de venta actual?", "guidance": "Calcule el 20% de 45 € y réstelo del precio original.", "sampleAnswer": "36 €", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2023-ct-regla3-textil", "competencia": "MATEMATICAS", "dominio": "Proporcionalidad", "type": "open_short", "prompt": "Si para fabricar 3 camisetas se necesitan 7,5 m² de tela, ¿cuántos m² serán necesarios para fabricar 5 camisetas?", "guidance": "Regla de tres: 3 camisetas → 7,5 m²; 5 camisetas → x m²", "sampleAnswer": "12,5 m²", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2023-ct-fraccion-textil", "competencia": "MATEMATICAS", "dominio": "Fracciones", "type": "open_short", "prompt": "Si el 87% de la ropa desechada acaba en vertederos o incineradoras, exprese este porcentaje como una fracción simplificada.", "guidance": "87% = 87/100. Compruebe si se puede simplificar.", "sampleAnswer": "87/100 (no se puede simplificar más, ya que 87 = 3 × 29)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2023-ct-ecuacion-textil", "competencia": "MATEMATICAS", "dominio": "Ecuaciones", "type": "open_short", "prompt": "Una tienda vende una prenda con un 25% de descuento. Si el precio final es 30 €, ¿cuál era el precio original? Plantee y resuelva la ecuación.", "guidance": "Si P es el precio original: P - 0,25P = 30 → 0,75P = 30", "sampleAnswer": "Precio original = 40 € (ecuación: 0,75x = 30 → x = 40)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 21 } }, { "id": "mat-2023-ct-estadistica-1", "competencia": "MATEMATICAS", "dominio": "Estadística", "type": "open_short", "prompt": "En una encuesta sobre hábitos de reciclaje, se obtuvieron las siguientes respuestas: Siempre (45), Casi siempre (30), A veces (15), Nunca (10). Calcule el porcentaje de personas que reciclan 'Siempre'.", "guidance": "Total = 45+30+15+10 = 100. Porcentaje = (45/100) × 100", "sampleAnswer": "45%", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 22 } }, { "id": "mat-2024-ct-grafico-barras", "competencia": "MATEMATICAS", "dominio": "Estadística", "type": "mcq_single", "prompt": "En un gráfico de barras que muestra la cantidad de RAEE recogidos por mes, la barra de junio mide 15 cm y representa 3.000 toneladas. ¿Qué cantidad representa una barra de 10 cm?", "options": [ { "key": "A", "text": "1.500 toneladas" }, { "key": "B", "text": "2.000 toneladas" }, { "key": "C", "text": "2.500 toneladas" } ], "correct": "B", "explanation": "Si 15 cm = 3.000 t, entonces 1 cm = 200 t. Por tanto, 10 cm = 2.000 t.", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 15 } }, { "id": "mat-2024-ct-media-1", "competencia": "MATEMATICAS", "dominio": "Estadística", "type": "open_short", "prompt": "Las cantidades de RAEE (en toneladas) recogidas durante 5 días fueron: 120, 135, 110, 145, 140. Calcule la media aritmética.", "guidance": "Media = suma de todos los valores / número de valores", "sampleAnswer": "130 toneladas (650 ÷ 5 = 130)", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 15 } }, { "id": "mat-2024-ct-probabilidad-1", "competencia": "MATEMATICAS", "dominio": "Probabilidad", "type": "open_short", "prompt": "En un lote de 50 electrodomésticos para reciclar hay 10 frigoríficos, 20 televisores y 20 lavadoras. Si se escoge uno al azar, ¿cuál es la probabilidad de que sea un frigorífico?", "guidance": "Probabilidad = casos favorables / casos posibles", "sampleAnswer": "10/50 = 1/5 = 0,2 = 20%", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 15 } }, { "id": "mat-2024-ct-geometria-perimetro", "competencia": "MATEMATICAS", "dominio": "Geometría", "type": "open_short", "prompt": "Una planta de reciclaje tiene forma rectangular con dimensiones 120 m × 80 m. Calcule su perímetro.", "guidance": "Perímetro del rectángulo = 2 × (largo + ancho)", "sampleAnswer": "400 m (2 × (120 + 80) = 400)", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 14 } }, { "id": "mat-2024-ct-geometria-area", "competencia": "MATEMATICAS", "dominio": "Geometría", "type": "open_short", "prompt": "Calcule el área de la planta de reciclaje rectangular del ejercicio anterior (120 m × 80 m).", "guidance": "Área del rectángulo = largo × ancho", "sampleAnswer": "9.600 m² (120 × 80 = 9.600)", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 14 } }, { "id": "mat-2024-ct-volumen-1", "competencia": "MATEMATICAS", "dominio": "Geometría", "type": "open_short", "prompt": "Un contenedor para RAEE tiene forma de prisma rectangular con dimensiones interiores de 2 m de largo, 1,5 m de ancho y 1 m de alto. Calcule su volumen.", "guidance": "Volumen del prisma = largo × ancho × alto", "sampleAnswer": "3 m³ (2 × 1,5 × 1 = 3)", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 14 } }, { "id": "mat-2023-ct-geometria-circulo", "competencia": "MATEMATICAS", "dominio": "Geometría", "type": "open_short", "prompt": "Un tanque cilíndrico para almacenar agua reciclada tiene un radio de base de 3 m. Calcule el área de la base (use π = 3,14).", "guidance": "Área del círculo = π × r²", "sampleAnswer": "28,26 m² (3,14 × 3² = 28,26)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 21 } }, { "id": "mat-2023-ct-escalas", "competencia": "MATEMATICAS", "dominio": "Escalas", "type": "open_short", "prompt": "En un plano a escala 1:500, una nave industrial mide 8 cm de largo. ¿Cuál es la longitud real de la nave?", "guidance": "Escala 1:500 significa que 1 cm en el plano = 500 cm en la realidad.", "sampleAnswer": "40 m (8 cm × 500 = 4.000 cm = 40 m)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 21 } }, { "id": "mat-2023-ct-potencias-1", "competencia": "MATEMATICAS", "dominio": "Potencias", "type": "mcq_single", "prompt": "¿Cuál es el resultado de 2³ × 2²?", "options": [ { "key": "A", "text": "2⁵ = 32" }, { "key": "B", "text": "2⁶ = 64" }, { "key": "C", "text": "4⁵ = 1024" } ], "correct": "A", "explanation": "Al multiplicar potencias de la misma base, se suman los exponentes: 2³ × 2² = 2³⁺² = 2⁵ = 32", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2023-ct-notacion-cientifica", "competencia": "MATEMATICAS", "dominio": "Notación científica", "type": "open_short", "prompt": "Exprese en notación científica el número 3.500.000 (cantidad aproximada de toneladas de residuos textiles generados anualmente).", "guidance": "Notación científica: un número entre 1 y 10 multiplicado por una potencia de 10.", "sampleAnswer": "3,5 × 10⁶", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2024-ct-unidades-1", "competencia": "MATEMATICAS", "dominio": "Unidades de medida", "type": "open_short", "prompt": "Convierta 2.500 gramos a kilogramos.", "guidance": "1 kg = 1.000 g", "sampleAnswer": "2,5 kg", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2024-ct-unidades-2", "competencia": "MATEMATICAS", "dominio": "Unidades de medida", "type": "open_short", "prompt": "Un camión de transporte de RAEE tiene una capacidad de 8.000 kg. Exprese esta cantidad en toneladas.", "guidance": "1 tonelada = 1.000 kg", "sampleAnswer": "8 toneladas", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2023-ct-tiempo-1", "competencia": "MATEMATICAS", "dominio": "Unidades de medida", "type": "open_short", "prompt": "Si un proceso de reciclaje dura 2 horas y 45 minutos, exprese este tiempo en minutos.", "guidance": "1 hora = 60 minutos", "sampleAnswer": "165 minutos (2 × 60 + 45 = 165)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2024-ct-negativo-1", "competencia": "MATEMATICAS", "dominio": "Números enteros", "type": "mcq_single", "prompt": "Si la temperatura en una cámara frigorífica es de -18°C y sube 5 grados, ¿cuál será la nueva temperatura?", "options": [ { "key": "A", "text": "-23°C" }, { "key": "B", "text": "-13°C" }, { "key": "C", "text": "-5°C" } ], "correct": "B", "explanation": "-18 + 5 = -13°C", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } }, { "id": "mat-2023-ct-mcd-1", "competencia": "MATEMATICAS", "dominio": "Divisibilidad", "type": "open_short", "prompt": "Una empresa quiere envasar 24 blusas y 36 pantalones en cajas iguales con el máximo de prendas posible, sin mezclar tipos. ¿Cuántas prendas como máximo irán en cada caja? (Calcule el m.c.d.)", "guidance": "mcd(24, 36) = el mayor número que divide a ambos.", "sampleAnswer": "12 prendas por caja (mcd de 24 y 36 es 12)", "source": { "year": 2023, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 20 } }, { "id": "mat-2024-ct-interpretacion-grafico", "competencia": "MATEMATICAS", "dominio": "Estadística", "type": "mcq_single", "prompt": "En un gráfico de sectores (circular) sobre destino de residuos textiles, el sector de 'vertederos' ocupa 87° del círculo. ¿Qué porcentaje representa aproximadamente?", "options": [ { "key": "A", "text": "Aproximadamente 24%" }, { "key": "B", "text": "Aproximadamente 35%" }, { "key": "C", "text": "Aproximadamente 87%" } ], "correct": "A", "explanation": "360° = 100%, por lo que 87° = (87/360) × 100 ≈ 24,2%", "source": { "year": 2024, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 15 } }, { "id": "mat-2025-ct-calculadora", "competencia": "MATEMATICAS", "dominio": "Operaciones básicas", "type": "mcq_single", "prompt": "Si usamos una calculadora para resolver 15 + 3 × 4, ¿qué resultado obtendremos si la calculadora respeta la jerarquía de operaciones?", "options": [ { "key": "A", "text": "72" }, { "key": "B", "text": "27" }, { "key": "C", "text": "42" } ], "correct": "B", "explanation": "La multiplicación tiene prioridad: 15 + (3 × 4) = 15 + 12 = 27", "source": { "year": 2025, "label": "Ámbito C-T", "ambito": "CIENTÍFICO-TECNOLÓGICO", "page": 12 } } ] [V0_FILE]typescriptreact:file="components/question-renderers/open-ended.tsx" isMerged="true" "use client"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Textarea } from "@/components/ui/textarea"; import { Eye, Lightbulb, CheckCircle2 } from "lucide-react"; interface OpenEndedQuestion { type: "open_short" | "open_long" | "open_calculation"; guidance?: string; sampleAnswer?: string; } interface OpenEndedRendererProps { question: OpenEndedQuestion; userAnswer: string | null; onAnswer: (answer: string) => void; showSolution: boolean; answered: boolean; onSelfEvaluate: (correct: boolean) => void; } export function OpenEndedRenderer({ question, userAnswer, onAnswer, showSolution, answered, onSelfEvaluate, }: OpenEndedRendererProps) { const [showGuidance, setShowGuidance] = useState(false); const [selfEvaluated, setSelfEvaluated] = useState(false); const isLongAnswer = question.type === "open_long"; return (

{/* Input area */}

onAnswer(e.target.value)}
          disabled={answered}
          className={`min-h-[${isLongAnswer ? "150" : "80"}px] resize-none ${
            answered ? "bg-muted" : ""
          }`}
          rows={isLongAnswer ? 6 : 3}
        />
        
        {!answered && question.guidance && (
          <Button
            variant="ghost"
            size="sm"
            onClick={() => setShowGuidance(!showGuidance)}
            className="gap-2 text-muted-foreground hover:text-foreground"
          >
            <Lightbulb className="h-4 w-4" />
            {showGuidance ? "Ocultar pista" : "Ver pista"}
          </Button>
        )}
      </div>

{/* Guidance hint */}
      {showGuidance && question.guidance && !answered && (
        <div className="rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-900 dark:bg-amber-950/30">
          <p className="flex items-start gap-2 text-sm text-amber-800 dark:text-amber-200">
            <Lightbulb className="mt-0.5 h-4 w-4 shrink-0" />
            <span>{question.guidance}</span>
          </p>
        </div>
      )}

{/* Sample answer after submission */}
      {showSolution && question.sampleAnswer && (
        <div className="space-y-3">
          <div className="rounded-lg border border-primary/20 bg-primary/5 p-4">
            <div className="mb-2 flex items-center gap-2 text-sm font-medium text-primary">
              <Eye className="h-4 w-4" />
              Respuesta modelo:
            </div>
            <p className="text-foreground whitespace-pre-wrap">
              {question.sampleAnswer}
            </p>
          </div>

{/* Self-evaluation */}
          {!selfEvaluated && (
            <div className="rounded-lg border border-border bg-card p-4">
              <p className="mb-3 text-sm font-medium text-foreground">
                Compara tu respuesta con la respuesta modelo. ¿Cómo lo has hecho?
              </p>
              <div className="flex gap-3">
                <Button
                  variant="outline"
                  size="sm"
                  onClick={() => {
                    setSelfEvaluated(true);
                    onSelfEvaluate(true);
                  }}
                  className="gap-2 border-success text-success hover:bg-success hover:text-white"
                >
                  <CheckCircle2 className="h-4 w-4" />
                  Bien / Correcto
                </Button>
                <Button
                  variant="outline"
                  size="sm"
                  onClick={() => {
                    setSelfEvaluated(true);
                    onSelfEvaluate(false);
                  }}
                  className="gap-2 border-error text-error hover:bg-error hover:text-white"
                >
                  Necesito repasar
                </Button>
              </div>
            </div>
          )}

{selfEvaluated && (
            <div className="flex items-center gap-2 text-sm text-muted-foreground">
              <CheckCircle2 className="h-4 w-4" />
              Autoevaluación registrada
            </div>
          )}
        </div>
      )}

{/* Info about this question type */}
      {!answered && (
        <p className="text-xs text-muted-foreground">
          Esta pregunta requiere respuesta escrita. Verás una respuesta modelo para autoevaluarte.
        </p>
      )}
    </div>
  );
}
[V0_FILE]typescriptreact:file="components/exercise-card.tsx" isMerged="true"
"use client";

import { useState, useEffect, useCallback } from "react";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import {
  ArrowRight,
  Check,
  Eye,
  Bookmark,
  BookmarkCheck,
  ArrowLeft,
} from "lucide-react";
import type { Question, Competencia } from "@/lib/types";
import { COMPETENCY_META } from "@/lib/types";
import { MCQSingleRenderer } from "./question-renderers/mcq-single";
import { TrueFalseSetRenderer } from "./question-renderers/true-false-set";
import { MatchingRenderer } from "./question-renderers/matching";
import { OrderingRenderer } from "./question-renderers/ordering";
import { MultiSelectRenderer } from "./question-renderers/multi-select";
import { OpenEndedRenderer } from "./question-renderers/open-ended";
import { isAutoCorrectible } from "@/lib/types";

interface ExerciseCardProps {
  question: Question;
  onNext: () => void;
  onBack?: () => void;
  onAnswer: (isCorrect: boolean) => void;
  onToggleMarked: (id: string) => void;
  isMarked: boolean;
  showBackButton?: boolean;
  progress?: { current: number; total: number };
}

export function ExerciseCard({
  question,
  onNext,
  onBack,
  onAnswer,
  onToggleMarked,
  isMarked,
  showBackButton = true,
  progress,
}: ExerciseCardProps) {
  const [answered, setAnswered] = useState(false);
  const [isCorrect, setIsCorrect] = useState<boolean | null>(null);
  const [showSolution, setShowSolution] = useState(false);
  const [userAnswer, setUserAnswer] = useState<unknown>(null);
  const [selfEvaluated, setSelfEvaluated] = useState(false);

const meta = COMPETENCY_META[question.competencia];
  const isOpenEnded = !isAutoCorrectible(question);

// Reset state when question changes
  useEffect(() => {
    setAnswered(false);
    setIsCorrect(null);
    setShowSolution(false);
    setUserAnswer(null);
    setSelfEvaluated(false);
  }, [question.id]);

const handleCheck = useCallback(() => {
    if (userAnswer === null) return;

// For open-ended questions, just show solution (no auto-correction)
    if (isOpenEnded) {
      setAnswered(true);
      setShowSolution(true);
      return;
    }

let correct = false;

switch (question.type) {
      case "mcq_single":
        correct = userAnswer === question.correct;
        break;
      case "true_false_set":
        const tfAnswer = userAnswer as Record<string, boolean>;
        correct = question.statements.every(
          (s) => tfAnswer[s.key] === s.correct
        );
        break;
      case "matching":
        const matchAnswer = userAnswer as Record<string, string>;
        correct = Object.entries(question.correctPairs).every(
          ([k, v]) => matchAnswer[k] === v
        );
        break;
      case "ordering":
        const orderAnswer = userAnswer as string[];
        correct =
          JSON.stringify(orderAnswer) === JSON.stringify(question.correctOrder);
        break;
      case "multi_select":
        const msAnswer = userAnswer as string[];
        correct =
          msAnswer.length === question.correct.length &&
          msAnswer.every((a) => question.correct.includes(a));
        break;
    }

setIsCorrect(correct);
    setAnswered(true);
    setShowSolution(true);
    onAnswer(correct);
  }, [userAnswer, question, onAnswer, isOpenEnded]);

const handleSelfEvaluate = useCallback((correct: boolean) => {
    setSelfEvaluated(true);
    setIsCorrect(correct);
    onAnswer(correct);
  }, [onAnswer]);

const handleShowSolution = () => {
    setShowSolution(true);
    if (!answered) {
      setAnswered(true);
      setIsCorrect(false);
      onAnswer(false);
    }
  };

const handleNext = () => {
    onNext();
  };

// Keyboard navigation
  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
      if (e.key === "Enter") {
        if (answered) {
          handleNext();
        } else if (userAnswer !== null) {
          handleCheck();
        }
      }
    };
    window.addEventListener("keydown", handleKeyDown);
    return () => window.removeEventListener("keydown", handleKeyDown);
  }, [answered, userAnswer, handleCheck]);

const borderColorClass =
    question.competencia === "DIGITAL"
      ? "border-l-digital"
      : question.competencia === "COMUNICACION"
        ? "border-l-comunicacion"
        : "border-l-matematica";

const bgColorClass =
    question.competencia === "DIGITAL"
      ? "bg-digital-light text-digital"
      : question.competencia === "COMUNICACION"
        ? "bg-comunicacion-light text-comunicacion"
        : "bg-matematica-light text-matematica";

return (
    <div className="flex flex-col gap-4">
      {showBackButton && onBack && (
        <div className="flex items-center gap-2">
          <Button variant="ghost" size="sm" onClick={onBack} className="gap-2">
            <ArrowLeft className="h-4 w-4" />
            Volver
          </Button>
        </div>
      )}

{progress && (
        <div className="flex items-center justify-between text-sm text-muted-foreground">
          <span>
            Pregunta {progress.current} de {progress.total}
          </span>
          <div className="h-2 w-32 overflow-hidden rounded-full bg-muted">
            <div
              className="h-full bg-primary transition-all"
              style={{
                width: `${(progress.current / progress.total) * 100}%`,
              }}
            />
          </div>
        </div>
      )}

<Card className={`border-l-4 ${borderColorClass}`}>
        <CardHeader className="space-y-3 pb-4">
          <div className="flex flex-wrap items-center gap-2">
            <Badge variant="secondary" className={bgColorClass}>
              {meta.emoji} {meta.name}
            </Badge>
            {question.dominio && (
              <Badge variant="outline" className="text-muted-foreground">
                {question.dominio}
              </Badge>
            )}
          </div>
          <p className="text-lg leading-relaxed text-foreground">
            {question.prompt}
          </p>
        </CardHeader>

<CardContent className="space-y-6">
          {question.type === "mcq_single" && (
            <MCQSingleRenderer
              question={question}
              userAnswer={userAnswer as string | null}
              onAnswer={setUserAnswer}
              showSolution={showSolution}
              answered={answered}
            />
          )}

{question.type === "true_false_set" && (
            <TrueFalseSetRenderer
              question={question}
              userAnswer={userAnswer as Record<string, boolean> | null}
              onAnswer={setUserAnswer}
              showSolution={showSolution}
              answered={answered}
            />
          )}

{question.type === "matching" && (
            <MatchingRenderer
              question={question}
              userAnswer={userAnswer as Record<string, string> | null}
              onAnswer={setUserAnswer}
              showSolution={showSolution}
              answered={answered}
            />
          )}

{question.type === "ordering" && (
            <OrderingRenderer
              question={question}
              userAnswer={userAnswer as string[] | null}
              onAnswer={setUserAnswer}
              showSolution={showSolution}
              answered={answered}
            />
          )}

{question.type === "multi_select" && (
            <MultiSelectRenderer
              question={question}
              userAnswer={userAnswer as string[] | null}
              onAnswer={setUserAnswer}
              showSolution={showSolution}
              answered={answered}
            />
          )}

{answered && isCorrect !== null && (
            <div
              className={`rounded-lg p-4 ${
                isCorrect ? "bg-success-light" : "bg-error-light"
              }`}
            >
              <p
                className={`font-semibold ${
                  isCorrect ? "text-success" : "text-error"
                }`}
              >
                {isCorrect ? "¡Correcto!" : "Incorrecto"}
              </p>
              {question.type === "mcq_single" && question.explanation && (
                <p className="mt-2 text-sm text-foreground">
                  {question.explanation}
                </p>
              )}
            </div>
          )}

<div className="flex flex-wrap gap-3 pt-2">
            {!answered ? (
              <>
                <Button
                  onClick={handleCheck}
                  disabled={userAnswer === null}
                  className="gap-2"
                >
                  <Check className="h-4 w-4" />
                  Comprobar
                </Button>
                <Button
                  variant="outline"
                  onClick={handleShowSolution}
                  className="gap-2 bg-transparent"
                >
                  <Eye className="h-4 w-4" />
                  Ver solución
                </Button>
              </>
            ) : (
              <Button onClick={handleNext} className="gap-2">
                Siguiente
                <ArrowRight className="h-4 w-4" />
              </Button>
            )}

<Button
              variant="ghost"
              onClick={() => onToggleMarked(question.id)}
              className={`gap-2 ${isMarked ? "text-primary" : ""}`}
            >
              {isMarked ? (
                <BookmarkCheck className="h-4 w-4" />
              ) : (
                <Bookmark className="h-4 w-4" />
              )}
              {isMarked ? "Marcada" : "Marcar para repasar"}
            </Button>
          </div>

<p className="text-xs text-muted-foreground">
            Fuente: {question.source.label} ({question.source.year})
          </p>
        </CardContent>
      </Card>
    </div>
  );
}
[V0_FILE]json:file="data/questions_comunicacion.json"
[
  {
    "id": "com-001",
    "competencia": "COMUNICACION",
    "type": "mcq_single",
    "prompt": "Un texto que explica cómo se debe reciclar correctamente los electrodomésticos, indicando los pasos a seguir, es principalmente un texto:",
    "options": [
      { "key": "A", "text": "Narrativo" },
      { "key": "B", "text": "Instructivo" },
      { "key": "C", "text": "Argumentativo" }
    ],
    "correct": "B",
    "explanation": "Los textos instructivos dan indicaciones o pasos para realizar una acción.",
    "source": { "year": 2024, "label": "Ámbito C-S Asturias" }
  },
  {
    "id": "com-002",
    "competencia": "COMUNICACION",
    "type": "true_false_set",
    "prompt": "Indica si las siguientes palabras están correctamente acentuadas (V) o no (F):",
    "statements": [
      { "key": "A", "text": "Electrodoméstico", "correct": true },
      { "key": "B", "text": "Facil", "correct": false },
      { "key": "C", "text": "Reciclaje", "correct": true },
      { "key": "D", "text": "Ecológico", "correct": true }
    ],
    "source": { "year": 2024, "label": "Ámbito C-S Asturias" }
  },
  {
    "id": "com-003",
    "competencia": "COMUNICACION",
    "type": "ordering",
    "prompt": "Ordena las siguientes instrucciones para reciclar un electrodoméstico:",
    "steps": [
      { "key": "A", "text": "Transportar el aparato al punto de recogida" },
      { "key": "B", "text": "Identificar el punto limpio más cercano" },
      { "key": "C", "text": "Desconectar y desenchufar el aparato" },
      { "key": "D", "text": "Entregar el aparato y recibir comprobante" }
    ],
    "correctOrder": ["C", "B", "A", "D"],
    "source": { "year": 2024, "label": "Ámbito C-S Asturias" }
  },
  {
    "id": "com-004",
    "competencia": "COMUNICACION",
    "type": "short_answer",
    "prompt": "En la oración \"La batería de un teléfono móvil puede contaminar 600.000 litros de agua\", identifica todos los sustantivos.",
    "guidance": "Los sustantivos son palabras que nombran personas, animales, cosas o ideas.",
    "sampleAnswer": "batería, teléfono, litros, agua",
    "source": { "year": 2024, "label": "Ámbito C-S Asturias" }
  },
  {
    "id": "com-005",
    "competencia": "COMUNICACION",
    "type": "open_response",
    "prompt": "Redacta un breve párrafo (4-5 líneas) explicando por qué es importante reciclar los aparatos electrónicos.",
    "guidance": "Incluye al menos dos razones y utiliza conectores para enlazar las ideas.",
    "sampleAnswer": "Reciclar los aparatos electrónicos es fundamental por varias razones. En primer lugar, estos dispositivos contienen sustancias peligrosas que pueden contaminar el suelo y el agua si no se gestionan correctamente. Además, la recuperación de materiales como metales preciosos reduce la necesidad de extraer nuevos recursos naturales, contribuyendo así a la sostenibilidad del planeta.",
    "source": { "year": 2024, "label": "Ámbito C-S Asturias" }
  }
]</article></body></html>

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This