Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a full ERP SaaS client portal designed for an agency, allowing both clients and administrators to manage various aspects of the agency's operations. The portal will feature an admin panel for comprehensive management and a user-friendly interface for clients to access their information efficiently.

## CORE FEATURES
1. **Client Dashboard**: A personalized area for clients to view their projects, invoices, and communications with the agency.
2. **Admin Panel**: A robust interface for agency administrators to manage clients, projects, and team members, ensuring easy oversight of operations.
3. **Project Management**: Tools for tracking project progress, deadlines, and deliverables, allowing both clients and staff to stay aligned.
4. **Invoicing and Payments**: Functionality for generating invoices, processing payments, and managing financial records seamlessly.
5. **File Sharing**: Secure file upload and sharing capabilities for clients to submit documents and receive deliverables.
6. **Reporting and Analytics**: Insights into project performance, financial health, and client engagement through comprehensive 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 will feature a top navigation bar, a sidebar for quick access to key features, and a central content area to display detailed information, ensuring a clean and organized structure.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize the React application with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux).
2. **Create Core Components**: Develop reusable components such as buttons, inputs, and cards using Tailwind CSS for styling.
3. **Build the Admin Panel**: Implement routing for the admin panel, including components for managing clients and projects.
4. **Develop Client Dashboard**: Create the client dashboard layout, integrating project management and invoicing features.
5. **Implement Authentication**: Set up user authentication for both clients and admin using JWT or a similar method.
6. **Add File Upload Functionality**: Integrate file upload and sharing capabilities, ensuring secure access.
7. **Create Reporting Features**: Develop reporting components to display analytics and insights on the dashboard.
8. **Testing and Deployment**: Conduct thorough testing for user experience and performance; deploy the application to a cloud service provider.

## USER EXPERIENCE
The user experience will prioritize ease of navigation with a clear layout and accessible features. Clients will have straightforward access to their dashboards, where they can view updates and manage files. Admin users will benefit from a comprehensive panel that allows for efficient management of clients and projects, enhancing workflow and productivity while maintaining a minimalist and user-friendly interface.