Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a web application designed for project management in the IT sector. Its primary purpose is to help users control activities and projects with predessecora (predecessors) and antesseroa (successors), featuring a hierarchical structure for tasks and projects along with priority settings similar to Microsoft Project. The app will include authentication via Microsoft AD and a collapsible menu for easy navigation.

## CORE FEATURES
1. **User Authentication**: Secure login functionality using Microsoft Active Directory for user authentication.
2. **Project Hierarchy Management**: Users can create and manage projects with a clear hierarchical structure, allowing for easy tracking of predecessors and successors.
3. **Activity Prioritization**: Users can set priorities for tasks, ensuring that critical activities are highlighted and managed effectively.
4. **Dashboard Overview**: A centralized dashboard displaying all projects and their statuses, providing a quick summary and access to detailed views.
5. **Collapsible Navigation Menu**: An expandable menu to facilitate easy navigation through different sections of the application, enhancing user experience.
6. **Activity Tracking and Reporting**: Functionality to track the progress of activities and generate reports based on project timelines and completion rates.

## 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 consist of a header with the logo and collapsible menu, a central dashboard area for project summaries, and sections for detailed project views and activity tracking.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for state management.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Configure Microsoft AD authentication**: Implement authentication using Microsoft Active Directory, ensuring secure login and user management.
3. **Design the main layout**: Create the header with the logo and a collapsible navigation menu using Tailwind CSS for styling.
4. **Implement project hierarchy**: Develop the functionality for users to create and manage projects with a hierarchical structure.
5. **Add activity prioritization**: Implement a feature for users to assign and manage priorities for tasks.
6. **Create the dashboard**: Design and implement the dashboard that provides an overview of all projects and their statuses.
7. **Develop activity tracking and reporting**: Build out features to track task progress and generate reports based on user inputs.
8. **Conduct testing**: Perform user testing to ensure functionality and usability, making adjustments based on feedback.

## USER EXPERIENCE
Users will start their experience with a secure login through Microsoft AD. After logging in, they will be greeted by a clean dashboard displaying their active projects. The collapsible menu allows for easy navigation between projects and settings. Users can manage their projects through an intuitive interface that highlights task priorities and dependencies, ensuring they can effectively oversee their work in a straightforward and efficient manner.