Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Ágilix ERP is a modern, intuitive, and robust web application designed for service-oriented businesses. This application aims to optimize operations, enhance client communication, and provide comprehensive management tools for administrators. It features a responsive design to ensure accessibility across various devices.

## CORE FEATURES
1. **User Dashboard**: A centralized hub displaying key metrics, active services, upcoming payments, and compliance status, enabling users to track their business effectively.
2. **Service Management**: Users can view details of ongoing services, including progress status, responsible team members, and deadlines, with options to access detailed service information.
3. **Reporting Tools**: Clients can generate and download reports based on dashboard data, allowing them to gain insights into their business performance.
4. **Financial Overview**: A clear presentation of invoices, payment statuses, and due amounts, with options for viewing or downloading invoices.
5. **User Profile Management**: Clients can update their profile information, with notifications sent to administrators upon any changes.
6. **Admin Control Panel**: A comprehensive backend interface for administrators to manage clients, services, team members, and generate detailed reports.

## 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 includes a top navigation bar with a search bar and user profile access, a left sidebar for navigation, and a central content area with cards and tables for displaying data.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if complex state management is needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create a top navigation bar and a left sidebar using Tailwind CSS for styling.
3. **Create User Dashboard**: Develop the dashboard component to display key metrics and services using cards and charts.
4. **Implement Service Management**: Build components to manage and display ongoing services with progress indicators.
5. **Develop Reporting Tools**: Add functionality to generate and download reports based on user-selected parameters.
6. **Integrate Financial Overview**: Create a financial overview section with tables for invoices and payment statuses.
7. **User Profile Management**: Implement profile management with an editable form and notification system for admins.
8. **Admin Control Panel**: Create the admin interface with necessary features for managing clients, services, and team members.
9. **Set Up API Integration**: Develop a RESTful API using Node.js and Express to handle data communication between frontend and backend.
10. **Testing**: Conduct thorough testing for responsiveness and functionality across devices.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, allowing them to easily navigate through the dashboard and access all features. Key interactions include viewing real-time updates on services, generating reports, and managing their profiles with immediate feedback on any changes made. The design focuses on clarity and ease of use, ensuring a seamless user experience across various devices.