Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Roblox sender, allowing users to create and send simulated messages as if they were from a Roblox account. The application aims to provide a clean, user-friendly interface that emphasizes simplicity and ease of use while ensuring an enjoyable experience for the users.

## CORE FEATURES
1. **User Registration & Authentication**: Allow users to create accounts and log in securely to access their profiles and saved messages.
2. **Message Creation Tool**: Users can customize and create simulated messages, selecting from various templates and adding their own content.
3. **Preview & Send**: A preview feature that lets users see how their messages will look before sending them out.
4. **History Log**: Keep a record of all sent messages, allowing users to view and reuse previous messages easily.
5. **User Profiles**: Enable users to manage their profiles, including settings for notifications and preferences.
6. **Responsive Design**: Ensure that the application is fully responsive and accessible on various devices, including mobile and desktop.

## 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 hero section for the message creation tool, a sidebar for user profile options, and a main content area displaying the message preview and history log.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui components.
2. **Create a User Authentication System**: Implement registration and login functionalities with secure password handling.
3. **Develop Message Creation Tool**: Design the UI for the message creation tool, including form elements for input and templates.
4. **Implement Preview Feature**: Create a component to render a live preview of the message based on user input.
5. **Build History Log**: Develop a section to display previously sent messages, allowing users to click and reuse them.
6. **Design User Profiles**: Create user profile management functionalities including settings for notifications and preferences.
7. **Ensure Responsive Design**: Test and optimize the application for various screen sizes and devices.

## USER EXPERIENCE
Users will begin by registering for an account or logging in. Upon entering the app, they will be greeted with a clean, minimalist interface featuring a prominent message creation tool. They can input their desired message, preview it instantly, and send it with a click. The history log will always be accessible, allowing users to easily revisit and reuse messages. Notifications and settings can be adjusted in their profiles, ensuring a personalized experience that adapts to user needs.