Una aplicaci贸n web simple y funcional.
Generated Prompt
```markdown ## APPLICATION OVERVIEW Esta aplicaci贸n web es un asistente de decisi贸n financiera dise帽ado para ayudar a las personas en El Salvador a seleccionar la mejor cooperativa del sistema FEDECACES para invertir en dep贸sitos a plazo fijo. La interfaz es intuitiva y accesible para personas no expertas en finanzas, facilitando el proceso de inversi贸n. ## CORE FEATURES 1. **Formulario de Inversi贸n**: Un formulario sencillo que permite a los usuarios ingresar el monto a invertir, el plazo del dep贸sito, la prioridad de inversi贸n y si necesitan retiro anticipado. 2. **Procesamiento de Datos**: Los datos del formulario se env铆an a un modelo de lenguaje que act煤a como motor de decisi贸n para generar recomendaciones personalizadas. 3. **Recomendaciones Claras**: Al finalizar, la aplicaci贸n presenta una cooperativa recomendada, dos alternativas, y una explicaci贸n clara en lenguaje sencillo. 4. **Aviso de No Asesor铆a Financiera**: Un aviso visible que aclara que la informaci贸n proporcionada no constituye asesor铆a financiera oficial. 5. **Interfaz Responsiva**: La aplicaci贸n se adapta a diferentes dispositivos, garantizando una experiencia de usuario 贸ptima en m贸viles y escritorios. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalista - Dise帽o limpio y simple con amplio espacio en blanco, paleta de colores m铆nima y enfoque en la tipograf铆a. - **Color Mode**: Tema claro con texto oscuro sobre fondos claros. - **Layout**: La estructura principal incluye un encabezado, seguido del formulario de inversi贸n centrado en la p谩gina, y una secci贸n de resultados que se despliega debajo del formulario. Espacio suficiente entre elementos para mantener la claridad. - **Typography**: Utilizar fuentes sans-serif para una lectura f谩cil (ej. 'Roboto' o 'Open Sans'). T铆tulos en tama帽o mayor y negrita, texto del cuerpo en tama帽o est谩ndar y normal. ## TECHNICAL REQUIREMENTS - **Framework**: React con TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui para componentes de interfaz de usuario - **State Management**: Utilizar React Context o Redux si es necesario para manejar el estado de la aplicaci贸n. ## IMPLEMENTATION STEPS 1. **Configurar el Entorno**: Crear un nuevo proyecto de React con TypeScript y Tailwind CSS. 2. **Dise帽ar el Componente del Formulario**: Crear un componente que contenga los campos necesarios (monto, plazo, prioridad, retiro anticipado) con validaciones. 3. **Integrar el Modelo de Lenguaje**: Implementar la l贸gica para enviar los datos del formulario al modelo de lenguaje y recibir recomendaciones. 4. **Crear Componente de Resultados**: Desarrollar un componente que muestre la cooperativa recomendada y las alternativas, junto con la explicaci贸n y el aviso correspondiente. 5. **Implementar Estilos**: Aplicar estilos utilizando Tailwind CSS para asegurar que la aplicaci贸n sea visualmente atractiva y cumpla con el dise帽o minimalista. 6. **Probar la Aplicaci贸n**: Realizar pruebas de usuario para asegurar que el flujo sea claro y que la informaci贸n sea f谩cil de entender. ## USER EXPERIENCE Los usuarios comienzan en la p谩gina principal, donde encuentran un formulario claro y conciso. Despu茅s de ingresar sus datos y enviar el formulario, son dirigidos a una secci贸n donde se presentan las recomendaciones de cooperativas. La navegaci贸n es intuitiva, y el uso de espacio en blanco asegura que la informaci贸n se consuma f谩cilmente. La experiencia es educativa, permitiendo a los usuarios entender sus opciones sin sentirse abrumados. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
