Más opciónes - userflow de una funcionalidad de Criptoactivos dentro de de una app bancaria. Las funcionalidades que tendría son las siguientes:...
Generated Prompt
## APPLICATION OVERVIEW This web application serves as a banking platform integrating cryptocurrency functionalities, allowing users to manage their crypto assets seamlessly. The main purpose is to provide a user-friendly interface for users to buy, sell, and manage their cryptocurrencies within a minimalist design framework. ## CORE FEATURES 1. **Entry Point - Dashboard**: A clean and intuitive dashboard displaying an overview of the user's crypto portfolio, current market trends, and quick access to primary functionalities. 2. **Alta del Servicio**: A simple onboarding process for users to register for the crypto service, including verification steps and user-friendly prompts. 3. **Compra de Crypto**: A streamlined purchasing process allowing users to buy cryptocurrencies using traditional banking methods, with clear pricing information and transaction details. 4. **Venta de Crypto**: An easy-to-navigate interface for selling cryptocurrencies, featuring real-time market data and transaction summaries. 5. **Operativa "Más opciones"**: A section providing detailed insights and management options for cryptocurrencies, including transaction history, limits, commission fees, and account settings. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes simplicity, with ample white space and a minimal color palette that keeps the focus on essential information and typography. - **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and a clean aesthetic. - **Layout**: A single-page application layout featuring a sidebar for navigation and a main content area displaying detailed information based on user selections. This layout allows for quick access to all functionalities while maintaining an organized structure. - **Typography**: Use a sans-serif font for clarity and modern appeal, with larger headings for titles and smaller, legible text for body content. Emphasize important information with bold styling and appropriate line spacing. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust component management and type safety. - **Styling**: Tailwind CSS for responsive design and utility-first styling, allowing for quick adjustments and a cohesive visual style. - **UI Components**: shadcn/ui to leverage pre-built components that align with the minimalist design goals. - **State Management**: Utilize Context API or Zustand for efficient state management across the application. ## IMPLEMENTATION STEPS 1. **Set up the Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling. 2. **Create the Dashboard**: Build the dashboard component with a sidebar for navigation and main content area for displaying crypto information. 3. **Onboarding Process**: Develop the service registration component, ensuring user-friendly prompts and verification processes. 4. **Crypto Purchase and Sale**: Implement the purchase and sale components, including forms for transaction details and confirmation modals. 5. **"Más opciones" Section**: Design and implement the additional operations interface, incorporating detailed views for transaction history and management options. 6. **Responsive Design**: Test and adjust the layout for mobile devices, ensuring a seamless user experience across all screen sizes. 7. **Testing and Deployment**: Conduct thorough testing of all functionalities and deploy the application on a suitable platform. ## USER EXPERIENCE The application prioritizes user experience by providing a straightforward flow from the dashboard through to transactions. Users can easily navigate between buying, selling, and managing their cryptocurrencies with minimal clicks. Key interactions are designed to be intuitive, with clear prompts and confirmations to guide users through each step of their journey in the crypto space.
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!
