Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION OVERVIEW
This project is a web application designed for operational management in a digital agency or SME. It centralizes client inventories, project details, server infrastructure, and multiple environments, providing a streamlined experience for managing operational data efficiently.

# CORE FEATURES
1. **Client Management**: Manage client details including contact information, payment status, and maintenance contracts with visual indicators for easy identification.
2. **Project Tracking**: Organize projects under each client with essential details like project name, technology stack, and risk notes, featuring alerts for any risks involved.
3. **Environment Management**: Handle multiple environments for each project, including production, staging, and development, with detailed information on server assignments and hosting types.
4. **User Roles and Authentication**: Implement role-based access controls allowing admins to manage users and clients while technicians can view and edit project details without deleting clients.
5. **Global Search Functionality**: A persistent search bar that allows users to quickly find clients, domains, or servers from any screen within the application.
6. **Dashboard Alerts**: A widget that highlights temporary environments that need attention, allowing quick actions like marking for deletion or extending their validity.

# 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 fixed left sidebar for navigation (Dashboard, Clients, Projects, Environments, Servers, Configuration), a top header for global search and user profile, and a central content area for displaying data tables and widgets.

# TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux (for managing user sessions and application state)

# IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the sidebar, header, tables, and forms.
4. **Implement Routing**: Use React Router to set up navigation between different views (Dashboard, Clients, etc.).
5. **Build State Management**: Set up Redux to manage user authentication and application state.
6. **Design Database Schema**: Create a database schema to handle clients, projects, and environments as described.
7. **Implement User Authentication**: Develop login and registration functionality with role-based access control.
8. **Add Core Features**: Integrate features outlined in the core functionalities, ensuring to maintain user experience and responsiveness.
9. **Testing**: Conduct thorough testing for all functionalities, including user roles, data integrity, and UI responsiveness.
10. **Deploy**: Prepare the application for deployment on a suitable platform, ensuring it is optimized for performance.

# USER EXPERIENCE
Users will experience a seamless and intuitive interface, with quick access to all necessary functionalities through a consistent layout. Key interactions include utilizing the global search for instant navigation, managing clients and projects through organized tables, and receiving alerts for environments that require attention. The application supports both light and dark modes, enhancing usability in different lighting conditions.
```