Una app web MUY SIMPLE para calcular EVE y NII (IRRBB) de una entidad financiera.
Generated Prompt
## APPLICATION OVERVIEW This web application serves as a simple prototype for calculating Economic Value of Equity (EVE) and Net Interest Income (NII) for financial entities. It is designed to facilitate the input of balance sheet positions and interest rate curves, allowing users to quickly execute regulatory scenarios and display results without complex financial logic. ## CORE FEATURES 1. **Balance Positions Upload**: Users can upload a CSV file containing balance sheet positions, which are displayed in an editable table format for easy adjustments. 2. **Interest Rate Curves Upload**: Users can upload a CSV file for interest rate curves and select base and discount curves from a straightforward list. 3. **Scenario Selection**: A fixed list of regulatory IRRBB scenarios is provided for users to select from, applying simple shocks to the base curve. 4. **Calculate Button**: A single button to compute EVE and NII based on the uploaded data and selected scenarios. 5. **Results Summary**: Displays a concise summary of EVE base, worst-case EVE, and the change in EVE (ΔEVE), along with a detailed table of results per scenario. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes cleanliness and simplicity, utilizing ample white space and a minimal color palette. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure readability and clarity. - **Layout**: The application consists of a single-screen layout that organizes components vertically, ensuring easy navigation. - **Typography**: Use a sans-serif font such as 'Arial' or 'Helvetica' for clarity; headings should be bolded for hierarchy, with a font size hierarchy from large for titles to medium for section headers and regular for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust type safety and component management. - **Styling**: Tailwind CSS to facilitate rapid styling and maintain consistency across the application. - **UI Components**: Utilize shadcn/ui for accessible and customizable user interface elements. - **State Management**: Context API or useState for managing application state without external libraries. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS. 2. **Create Components**: - Build a `BalanceUploader` component for CSV upload and table display. - Develop an `InterestRateCurveUploader` component for uploading curves and selecting options. - Create a `ScenarioSelector` component for selecting from predefined regulatory scenarios. - Implement a `CalculateButton` component for triggering the calculation. - Construct a `ResultsDisplay` component to show the calculated results. 3. **Define Models**: Create TypeScript interfaces for `Position`, `YieldCurve`, `Scenario`, and `Cashflow`. 4. **Implement CashflowEngine**: Create a stub function `generateCashflows` that simulates cash flows based on inputs. 5. **Implement DiscountEngine**: Write logic to discount cash flows using the selected curve. 6. **Implement AggregationEngine**: Develop functions to calculate EVE and NII based on discounted cash flows. 7. **Wire Components**: Connect all components, ensuring data flows correctly through props and state management. 8. **Test Functionality**: Conduct thorough testing to ensure each part works as intended and results are displayed correctly. ## USER EXPERIENCE Users will interact with the application by first uploading balance positions and interest rate curves through simple file upload buttons. They can edit the table directly to adjust the balance positions, select the relevant interest rate curves, and choose which scenarios they wish to run. Upon clicking the "Calculate EVE & NII" button, users will see an immediate display of results without any complex navigation or additional steps, mimicking a clean and efficient Excel-like interface. The application will maintain a responsive design to ensure usability across various devices.
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!
