14 days ago

Genera una interfaz completa para un Sistema de Gestión de Tareas usando HTML + Tailwind CSS, con colores pastel, diseño limpio, minimalista y moderno. 1. Pantalla Index (ADMIN) Crear un dashboard administrativo organizado por secciones: A. Lista de tareas Mostrar todas las tareas existentes. Cada tarea debe mostrar: Título Descripción breve Usuario asignado Fecha límite Estado (pendiente / completada / retrasada) Colores por estado: Completada → Verde pastel Pendiente → Amarillo pastel Retrasada → Rojo pastel Botones: Editar, Eliminar, Asignar usuario, Marcar como completada, etc. B. Crear Nueva Tarea Botón + que lleve a un formulario. Formulario con: título, descripción, fecha límite, selección de usuario asignado. Diseño tipo tarjeta moderna. C. Gestión de Usuarios Tabla con todos los usuarios: Nombre Email Rol Número de tareas Botón Crear nuevo usuario Card o modal para registro con inputs estilizados. D. Sidebar o Navbar Navegación sencilla: “Tareas”, “Usuarios”, “Crear Tarea”, “Cerrar sesión”. 2. Requisitos generales: Diseño 100% en Tailwind CSS. Estilo limpio, con sombras suaves, bordes redondeados y tipografía agradable. Interfaz clara e intuitiva para administración y usuarios. Vista completamente responsive (móvil/tablet/desktop). Genera variantes opcionales del diseño (2 estilos alternativos). Entregar el código final listo para copiar y pegar en un proyecto real.

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates