+ Novo PI - Na tela de PI Planning, recentemente adicionamos a função de criar nova PI de forma manual no canto superior direito, a intenção é que...
Generated Prompt
## APPLICATION OVERVIEW This application is an Agile Release Train (ART) management tool designed to facilitate the planning and tracking of ARTs, allowing users to create, manage, and visualize ARTs effectively. It supports the SAFe methodology, enabling teams to collaborate on tasks and deliverables while maintaining a clear overview of timelines and responsibilities. ## CORE FEATURES 1. **Create New ART**: Users can manually create a new ART by clicking the "+ Novo ART" button, prompting a dialog for inputting the ART name, duration, and start date. The newly created ART will be reflected in the timeline and month overview. 2. **ART Visualization**: A comprehensive visual representation of ARTs will display their timelines, showing which ARTs are active in each month and ensuring clear visibility of their durations. 3. **Hyperlink Integration for Departments**: Each department abbreviation (e.g., DF, DE, DA, GQ) will serve as a hyperlink that redirects users to their respective backlog boards, facilitating easy access to task management. 4. **Dynamic Status Indicators**: ARTs will be color-coded based on their task statuses: blue for active tasks, black for inactive, red for overdue, and green for completed tasks, providing a quick visual reference for progress tracking. 5. **Standard Backlog Import**: Users can import pre-defined standard backlogs into their ARTs, streamlining the setup process and ensuring consistency across project management. 6. **Deliverables Tracking**: A new "Deliverable" column will be added to track specific outputs related to each ART, enhancing project visibility and accountability. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - **Color Mode**: Light theme with dark text on light backgrounds - **Primary Color**: #1978E5 (accent for buttons, links, highlights) - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs - **Layout**: The main layout will feature a top navigation bar for easy access to different sections, a central dashboard displaying ARTs in a timeline format, and sidebar links to department backlogs and the standard backlog import feature. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (or Context API as needed for simpler state management) ## IMPLEMENTATION STEPS 1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install Tailwind CSS, shadcn/ui, and Redux. 2. **Create ART Management Components**: Develop components for creating new ARTs, displaying timelines, and linking to department backlogs. 3. **Implement Dialog for ART Creation**: Build a modal dialog that prompts users for input when creating a new ART. 4. **Design Timeline Visualization**: Use a grid layout to visually represent the ARTs across months, implementing color-coded status indicators. 5. **Set Up Backlog Linking**: Create hyperlink functionalities for department abbreviations that redirect to their respective backlog boards. 6. **Integrate Backlog Import Functionality**: Develop the logic to allow users to import standard backlogs into their ARTs, including the necessary UI components for selection. ## USER EXPERIENCE Users will navigate through a clean interface where they can easily create and manage ARTs. The intuitive dialog for adding new ARTs will ensure that users can input essential information quickly. The visual timeline will provide a clear overview of ongoing ARTs, while color-coded status indicators will help users assess project health at a glance. Hyperlinks will facilitate seamless transitions between ART management and backlog task management, enhancing overall productivity and collaboration. By following these guidelines, the application will align with the user's vision while ensuring a smooth and efficient user experience.
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!
