Crear una aplicación web completa con Cerewro
Describe tu idea en el chat y Cerewro genera el frontend completo: HTML semántico, CSS moderno, JavaScript interactivo o componentes React, diseño responsive para móvil y tablet, y accesibilidad WCAG 2.1.
Tipos de apps que Cerewro puede crear
| Tipo | Ejemplo de prompt |
|---|---|
| Dashboard | "Crea un dashboard de analíticas con gráficas de ventas, usuarios activos y KPIs" |
| CRUD completo | "App para gestionar lista de tareas con etiquetas, prioridades y fechas de vencimiento" |
| Landing page | "Landing page para SaaS con hero, features, pricing, testimonials y CTA" |
| Formulario avanzado | "Formulario multi-paso con validación en tiempo real, autoguardado y resumen final" |
| Calculadora | "Calculadora de hipoteca con gráfica de amortización y exportar a PDF" |
Ejemplo: App de lista de tareas completa
Cerewro Chat
Crea una app de lista de tareas en HTML/CSS/JavaScript puro:
- Añadir, editar, eliminar tareas
- Marcar como completada
- Filtrar por estado (todas/pendientes/completadas)
- Prioridades (alta/media/baja) con colores
- Guardar en localStorage
- Diseño dark mode con variables CSS
- 100% responsive
Estructura del HTML generado
Gestión de Tareas
Mis Tareas
Generar con React + TypeScript
Prompt para React
Convierte esta app vanilla JS a React 18 con TypeScript:
- Usa hooks (useState, useEffect, useCallback, useReducer)
- Componentes separados: TaskList, TaskItem, TaskForm, FilterBar
- Context API para el estado global
- Zustand para gestión de estado
- Tailwind CSS para estilos
- Estructura de carpetas por feature
Añadir autenticación y backend
Conectar frontend con API Node.js
Añade autenticación a la app: login con email/password, registro de usuario, persistencia en servidor con la API de Node.js que ya tenemos, JWT en localStorage y rutas protegidas con React Router
Bootstrap 5.3 para prototipos rápidos: Para apps internas o prototipos, pide a Cerewro que use Bootstrap 5.3: "Crea la misma app usando Bootstrap 5.3 y sus componentes nativos". Obtendrás un diseño profesional sin CSS personalizado.