Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to generate Roblox card codes. Users will be able to input their requirements and receive unique codes in a straightforward, user-friendly interface. The focus will be on simplicity and efficiency, ensuring a seamless experience for generating codes.

## CORE FEATURES
1. **Code Generation**: Users can input specific criteria to generate unique Roblox card codes quickly.
2. **User Authentication**: Secure login and registration for users to manage their code generation history and preferences.
3. **Code History**: Allows users to view their previously generated codes for easy retrieval.
4. **Responsive Design**: The application will be fully responsive, ensuring a smooth experience across all devices.
5. **Admin Dashboard**: A section for administrators to manage code generation parameters and monitor usage statistics.

## 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 central code generation section, and a sidebar for user history and settings. Components will be laid out in a grid format to maximize space and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for managing user sessions and code history)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure including navigation, code generation section, and sidebar.
3. **Implement Authentication**: Set up user registration and login functionalities.
4. **Build Code Generation Logic**: Develop the algorithm to generate unique Roblox codes based on user input.
5. **Create Admin Dashboard**: Implement the admin panel for managing code parameters.
6. **Testing**: Conduct thorough testing of all features, ensuring responsiveness and functionality.
7. **Deployment**: Deploy the application on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will begin on the landing page where they can easily navigate to generate a Roblox card code. The input fields will be clearly labeled, and users will receive instant feedback upon generating a code. The history feature will allow users to quickly access their previously generated codes, enhancing usability. The design will prioritize a clean aesthetic, ensuring users can focus on their tasks without distractions.