You are building a platform for managing legal contract deadlines.
Generated Prompt
```markdown ## APPLICATION OVERVIEW The application is a web platform designed to manage legal contract deadlines efficiently. Users can upload contracts, track crucial deadlines, and understand how these deadlines relate to key events, all while leveraging AI to analyze contract content. ## CORE FEATURES 1. **Contract Upload**: Users can upload PDF contracts while optionally entering known anchor dates. Uploaded contracts are sent to an AI analysis endpoint for processing. 2. **Contract Overview**: A comprehensive list view that displays all contracts with metrics such as the number of deadlines, unresolved anchors, and alerts for deadlines that cannot yet be computed. 3. **Contract Detail View**: A timeline-style interface that organizes deadlines according to their respective anchors, clearly indicating milestones and actionable deadlines based on responsibility (buyer/seller). 4. **Deadline Management**: Users can interact with deadlines through a detail drawer or modal, allowing them to edit descriptions, adjust offsets, mark deadlines as active or ignored, and observe legal references. 5. **Anchor Management**: A dedicated section where users can set or modify anchor dates, with immediate feedback on how these changes will affect associated deadlines. 6. **Date Computation**: The application computes deadline dates based on anchor dates and offsets, providing clear visibility into any computation challenges due to missing anchors or complex rules. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Emphasizing a clean and simple design with ample white space and a minimal color palette to ensure a focus on content. - **Color Mode**: Light theme with dark text on light backgrounds, ensuring high readability and a professional appearance. - **Layout**: - A left navigation sidebar for quick access to the contract overview and anchor management. - A main content area for detailed views, prominently displaying contract timelines and deadlines. - Responsive design that adapts seamlessly for both desktop and mobile devices. - **Typography**: - Primary font: 'Inter', with a hierarchy that includes larger headings for section titles and smaller body text for descriptions to enhance readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript to ensure type safety and maintainability. - **Styling**: Tailwind CSS for a utility-first approach to styling, allowing rapid design iterations and responsive layouts. - **UI Components**: Utilize `shadcn/ui` for consistent and reusable UI components. - **State Management**: Implement state normalization for contracts, anchors, and deadlines, ensuring efficient data handling and rendering. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and `shadcn/ui`. 2. **Authentication**: Implement user authentication using email and password, ensuring that user sessions persist across page refreshes. 3. **Upload Flow**: Create an upload component for contracts, integrating the multipart/form-data submission to the provided analysis endpoint. 4. **Contract Overview**: Develop a list view that fetches and displays active contracts along with key metrics. 5. **Contract Detail View**: Build a detailed view with a timeline or list layout for deadlines, ensuring clear differentiation of responsibilities. 6. **Deadline Management Modal**: Create a modal for editing deadline details, with functionality for marking statuses and viewing legal references. 7. **Anchor Management Section**: Develop a section dedicated to managing anchors, ensuring immediate visual feedback on deadline recalculations. 8. **Date Computation Logic**: Implement date computation functionalities that handle business and calendar days, including error displays when computations cannot be made. 9. **Responsive Design**: Ensure the application is fully responsive, adjusting layouts and elements for optimal usability across devices. ## USER EXPERIENCE The user journey begins with a simple contract upload process, followed by a clear overview of all contracts. Users can easily navigate through their contracts, view deadlines in detail, and manage anchors without confusion. Visual cues highlight important deadlines that require immediate attention, while the interface remains intuitive and accessible, catering specifically to legal professionals and transaction managers. ```
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!
