Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a **Web Application** designed to digitalize the reservation process for boxes and manage the lifecycle of experiments within a laboratory setting. It aims to replace the current manual processes involving emails and paperwork with a streamlined, auditable workflow that enhances efficiency and compliance.

## CORE FEATURES
1. **User Authentication**: Common login system for both requesters and managers, including role-based access control.
2. **Reservation Management**: Users can create, edit, and submit reservation requests for laboratory boxes, tracking their status from draft to approved or returned.
3. **Calendar Availability**: A monthly view of box availability, highlighting reserved days, allowing users to click for more details on specific dates.
4. **Automatic PDF Generation**: Generates an HTML and PDF document upon submission of a request, storing these in a structured format by year and month.
5. **Experiment Management**: Upon approval of a reservation, an experiment is created, with states tracking its progress from untransferred to finalized.
6. **Notification System**: Automated email notifications are sent for actions such as submission, approval, rejection, and blocking of requests.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: 
  - **Header**: Contains navigation links for Home, Reservations, Calendar, and Profile.
  - **Main Content Area**: Dynamic sections for reservation forms and calendar views.
  - **Footer**: Contact information and links to privacy policy and terms of service.
- **Typography**: Use a sans-serif font such as **Roboto** for body text, with hierarchy established using different weights for headings (e.g., Bold for H1, Regular for body text).

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component management.
3. **Create Authentication Flow**:
   - Implement login and logout functionality.
   - Set up role-based access control.
4. **Develop Core Features**:
   - Build the reservation management system, allowing users to create, edit, and view requests.
   - Implement the calendar view to display box availability.
   - Integrate PDF generation on request submission.
   - Set up the notification system with email alerts.
5. **Design UI Components**:
   - Create reusable components for forms, buttons, and modals using shadcn/ui.
   - Ensure responsiveness across different devices.
6. **Testing**: Conduct unit and integration tests to ensure all features function correctly.
7. **Deployment**: Deploy the application to a cloud service (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
The application offers a seamless user experience with guided workflows for reserving boxes and managing experiments. Users can easily navigate the application via a simple header menu. Upon logging in, they can access their dashboard to create reservations, view the calendar for availability, and check the status of their previous requests. The user interface focuses on clarity and ease of use, minimizing cognitive load with clear instructions and feedback for each action taken. 

This comprehensive prompt provides a complete framework for developing a web application tailored to the user's needs, ensuring that all essential features and design elements are incorporated effectively.