Revisar Importação - construir um App de uma página só, que não armazena dados, que te permite importar extratos de carteiras de investimento em...
Generated Prompt
## APPLICATION OVERVIEW This application is a single-page web app designed for users to easily import and organize their investment portfolio extracts from various formats such as PDFs, XLSX, CSV, or images. Its main purpose is to automatically sort and display investment assets in a clear table format, providing users with insights and the ability to review and analyze their investment strategies efficiently. ## CORE FEATURES 1. **Import Functionality**: Allows users to import investment extracts in multiple formats (PDF, XLSX, CSV, images) without storing any data. 2. **Automatic Organization**: Automatically organizes imported assets into a table with columns: Nome do Ativo, Classe do Ativo, Saldo Bruto, and Peso da Carteira, sorted by predefined asset classes. 3. **AI Classification**: Utilizes artificial intelligence to classify assets that lack clear asset class information. 4. **Review Import Tab**: Provides an optional tab for users to review and make quick adjustments to their imported assets before final confirmation. 5. **Portfolio Analysis**: After confirming the import, the app analyzes the investment strategy, highlighting strengths, weaknesses, and suggestions for improvement. 6. **Visual Data Representation**: Presents users with a clean, easy-to-read table and summary insights for better decision-making. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes cleanliness, simplicity, and usability with ample white space and a minimal color palette. - **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability. - **Layout**: The main layout consists of a top navigation bar for easy access to the import and review functions, followed by a central content area displaying the asset table, and a footer with additional information or links. - **Typography**: Use the Inter font throughout the application with a clear hierarchy: - Headings (H1, H2, H3) should be bold and larger. - Body text should be regular weight and comfortably sized for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building the user interface. - **Styling**: Tailwind CSS for responsive design and utility-first styling. - **UI Components**: Utilize shadcn/ui for consistent and reusable UI components. - **State Management**: Use React Context API or a lightweight state management solution if necessary. ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Initialize a new React application using Create React App with TypeScript template. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project. 3. **Create Core Components**: - Build the import functionality component to handle file uploads. - Create the asset table component to display imported data. - Implement the review import tab for user adjustments. - Develop the analysis component to provide insights post-import. 4. **Implement AI Classification**: Integrate an AI library or API that can classify assets based on input data. 5. **Style Components**: Apply Tailwind CSS styles to ensure a minimalist aesthetic with a focus on usability. 6. **Testing and Debugging**: Conduct thorough testing of all functionalities, ensuring a seamless user experience. ## USER EXPERIENCE The user begins by uploading their investment extracts through a straightforward import interface. Upon upload, the app processes the data, automatically organizing it into a neatly structured table. Users can access the review tab to make adjustments if needed. After confirming the data, they can initiate a portfolio analysis, revealing actionable insights. The intuitive design and responsive layout ensure that users can navigate effortlessly, making the investment management process both efficient and enjoyable.
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!
