Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that replicates the features and functionality of a Roblox plus sender, specifically designed to mimic the appearance and behavior of an existing sender. The goal is to provide users with a streamlined experience to manage and send Roblox assets efficiently while maintaining a clean and minimalist design.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely to access their personalized dashboard.
2. **Asset Management**: Enable users to view, manage, and send their Roblox assets easily, providing a clear interface for asset interactions.
3. **Sender Functionality**: Implement a robust mechanism for sending Roblox assets to other users with a confirmation process to ensure accuracy.
4. **Activity Log**: Display a history of sent assets and transactions for user tracking and management.
5. **Settings Page**: Allow users to customize their profiles and manage account settings easily.
6. **Help and Support**: Provide a dedicated section for user support and FAQs to assist users with common issues.

## 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 structure should include a top navigation bar, a hero section for user actions, a dashboard for asset management, and side menus for navigation to different features.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui components, and any required state management libraries.
3. **Create User Authentication**: Implement a user authentication system using Firebase or a similar service.
4. **Develop Core Features**: Build the asset management and sender functionality, ensuring a smooth user experience.
5. **Design UI Components**: Create reusable UI components with the specified design specifications, ensuring consistent styling across the application.
6. **Implement Navigation**: Set up routing for the application, allowing users to navigate between different features easily.
7. **Testing and Debugging**: Conduct thorough testing to ensure all features work as intended and address any bugs.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will start at a welcoming hero section that encourages them to log in or create an account. Upon logging in, they will be directed to their dashboard, where they can view their assets and easily navigate to sending assets or managing their profiles. The design will ensure that key actions are prominent, with ample white space to reduce clutter and enhance focus on essential tasks.