A
Anonymous

Retro Medical Tracker - Copy this Html, Tailwind Component to your project

"Diseña una interfaz de usuario (UI) compacta con estilo retro pixelado, inspirada en los videojuegos clásicos de los años 80 y 90. Esta UI es para una aplicación médica que registra hábitos intestinales. Los requisitos específicos son los siguientes: Estilo Retro Compacto: Todo debe caber en una sola pantalla, sin necesidad de desplazamiento (scroll). Fuentes estilo arcade, colores vibrantes (verde neón, azul, tonos retro) sobre un fondo oscuro. Íconos simples pixelados, como papel higiénico o relojes. Pantalla Principal: Cronómetro Automático: Al abrir la app, un cronómetro pixelado debe iniciar automáticamente en la parte superior de la pantalla. Botón Central Grande: Un único botón pixelado prominente en el centro que diga: "Terminar de cagar". Al hacer clic, detiene el cronómetro y abre el formulario de registro. Formulario Compacto de Registro de Datos: Aparece en la misma pantalla después de detener el cronómetro. Sección de Selección de Datos: Color de evacuación: Cuadros de colores pixelados (marrón, verde, claro, oscuro). Cantidad: Tres botones con texto pixelado: "Poco", "Medio", "Mucho". Consistencia: Botones: "Dura", "Suave", "Diarrea", "Explosiva". Botón Guardar Registro: Al hacer clic, guarda los datos en localStorage. Sección de Estadísticas: Accesible desde un pequeño botón en la esquina superior derecha de la pantalla principal. Muestra estadísticas en gráficos pixelados: Gráfico de barras: Tiempo promedio por sesión. Gráfico circular: Distribución por consistencia. Histograma: Sesiones diarias. Incluye una "X" pixelada en la parte superior derecha para cerrar esta sección y volver a la pantalla principal. Extras Retro: Animaciones simples estilo 8 bits: brillos en botones y un pequeño efecto de parpadeo en el cronómetro. Íconos pixelados de papel higiénico o cronómetros decorando las esquinas.

Prompt
Component Preview

About

Retro Medical Tracker - Compact UI with pixel style, auto timer, large button, data form, colorful stats, and retro animations. Built wi. Access free code!

Share

Last updated 1 month ago