Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
LicenseMaster Admin is a web application designed for managing licenses efficiently through an intuitive admin panel. It allows administrators to generate and oversee licenses while ensuring secure usage across devices, all built with a clean and minimalist design.

## CORE FEATURES
- **Login Page**: Secure access for admin users with email and password authentication.
- **Dashboard**: A visual interface displaying total licenses generated, active and expired licenses, and devices activated with beautiful charts using Recharts or Chart.js.
- **License Generation Section**: Admins can select license duration from a dropdown and generate multiple licenses at once, with a clear display of generated keys and a copy button.
- **All Licenses Table**: A comprehensive table listing all licenses with columns for license key, duration, generated date, expiry date, status, device ID, activation date, and action options (revoke/delete).
- **Search & Filter**: Functionality for admins to search and filter licenses by key, status, or date.
- **License Revocation**: Allows revocation of licenses to ensure they are used on only one device.
- **Export to CSV**: Admins can export license data for reporting purposes.

## 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 consists of a sidebar for navigation, a top bar for admin actions, and a central display area for the dashboard and tables.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, depending on complexity)

## IMPLEMENTATION STEPS
1. **Set up the project structure**:
   - Create folders for `backend` and `frontend`.
   - Initialize Node.js for the backend and React for the frontend.
   
2. **Backend Development**:
   - Set up the Express.js server.
   - Configure MongoDB with Mongoose for data management.
   - Create authentication middleware using JWT and bcrypt for secure login.
   - Develop routes for license management (generate, revoke, delete).
   - Implement models for License and User.

3. **Frontend Development**:
   - Set up the React application with TypeScript.
   - Implement the login page with form handling.
   - Create the dashboard component with charts.
   - Develop the license generation form and all licenses table.
   - Integrate API calls to the backend for data fetching and manipulation.

4. **Design Implementation**:
   - Use Tailwind CSS for styling components according to the design specifications.
   - Ensure responsive design across devices.

5. **Testing and Security**:
   - Implement security best practices such as rate limiting, helmet, and cors.
   - Test all features for functionality and usability.

6. **Documentation**:
   - Create a `.env.example` file for environment variables.
   - Write a `README.md` with setup instructions and running procedures.

## USER EXPERIENCE
Admin users will start at the login page, where they enter their credentials to access the dashboard. Once logged in, they will see an overview of license statistics and have the ability to generate new licenses through a user-friendly interface. The design will ensure that all actions are straightforward, with clear feedback on actions taken, such as successful license generation or revocation.
```