Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an SMS panel for generating and managing one-time passwords (OTPs). It allows users to receive SMS verifications for various services, providing a seamless experience for both individual and business users looking for reliable SMS services.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create an account and log in securely, ensuring that their data and SMS history are protected.
2. **OTP Generation**: Users can request OTPs for various services, generating them instantly and allowing for quick verification.
3. **SMS History**: A user-friendly dashboard displaying the history of received OTPs and messages, enabling users to track their usage.
4. **API Integration**: Ability to integrate with third-party services for OTP verification, enhancing functionality and user experience.
5. **Account Management**: Users can manage their account settings, including profile updates and payment information, all within a clean interface.
6. **Responsive Design**: The application will be optimized for all devices, ensuring a consistent experience across desktop and mobile platforms.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean and simple aesthetic. The interface will prioritize whitespace to create a spacious feel, allowing users to focus on the essential elements without distractions.
- **Color Mode**: A light theme featuring dark text on light backgrounds to enhance readability and provide a fresh and modern look.
- **Layout**: The main layout will consist of a top navigation bar, a central content area for functionalities such as OTP generation and history, and a sidebar for quick access to account settings and preferences. Components will be arranged in a grid format to maintain organization and clarity.
- **Typography**: Use a sans-serif font such as 'Inter' for body text, ensuring legibility and modern appeal. Headings will have a larger weight and size to establish a clear hierarchy, guiding users through the interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui components for consistent and visually appealing UI elements.
- **State Management**: Integrate Redux for state management to handle user authentication and SMS history efficiently.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the user authentication module**: Build the registration and login components, integrating form validation and secure password handling.
3. **Develop the OTP generation feature**: Implement the functionality to request OTPs and display them to the user, ensuring API integration for SMS services.
4. **Build the SMS history dashboard**: Create a responsive table to display SMS history, allowing users to filter and search through their messages.
5. **Implement account management features**: Design components for updating user profiles and managing account settings, ensuring a smooth user experience.
6. **Optimize for responsiveness**: Test the application on various devices and screen sizes to ensure a consistent and user-friendly experience.

## USER EXPERIENCE
Users will navigate through a straightforward interface where they can easily register and log in. Upon logging in, they will land on the dashboard that provides quick access to OTP generation, SMS history, and account settings. Each feature will be accessible with minimal clicks, and the responsive design will ensure that users on mobile devices have a seamless experience. Notifications for OTP requests and account updates will enhance engagement and keep users informed.