Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to serve as a comprehensive ERP solution comparable to SAP S/4HANA, targeted at large enterprises. The application aims to streamline various business processes, enhance data management, and improve operational efficiency through a user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login and role-based access control for different user types (administrators, managers, employees).
2. **Dashboard**: A customizable dashboard displaying key performance indicators (KPIs), analytics, and quick access to essential functions.
3. **Module Management**: Manage different business modules such as finance, HR, inventory, and sales, allowing users to navigate between them seamlessly.
4. **Reporting & Analytics**: Generate reports and visualizations based on real-time data to support decision-making processes.
5. **Task Management**: Assign and track tasks across departments to ensure accountability and progress monitoring.
6. **Integration Capabilities**: Connect with other tools and services (e.g., CRM, supply chain management) to enhance functionality and data flow.

## 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 sidebar for navigation, a top bar for alerts and user actions, and a central content area for displaying the dashboard and module details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Zustand for global state management (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Setup**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure with a sidebar, top bar, and content area using Tailwind CSS for responsiveness.
3. **Implement Authentication**: Set up user authentication flows, including registration, login, and role management.
4. **Build Dashboard**: Develop the dashboard component to fetch and display KPIs and analytics using charts and graphs.
5. **Create Modules**: Implement individual modules for finance, HR, inventory, and sales, ensuring easy navigation and data management.
6. **Reporting Feature**: Add a reporting feature that allows users to generate and download reports based on selected criteria.
7. **Task Management**: Develop the task management system to assign, track, and update tasks across different modules.
8. **Integration Setup**: Prepare the application to connect with external tools and services for data synchronization.

## USER EXPERIENCE
The application will focus on intuitive user interactions, allowing users to easily navigate between different modules with a seamless experience. Users will be able to customize their dashboards, receive notifications for important updates, and quickly generate reports or manage tasks with minimal clicks. The responsive design will ensure that the application is accessible on various devices, enhancing usability for all users.