Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Sensitivity Generator is a premium mobile web application designed to provide users with personalized sensitivity settings for gaming based on their device specifications and gameplay styles. The app features a clean and minimal UI that prioritizes user experience, ensuring fast loading times and seamless interactions.

## CORE FEATURES
1. **Home Screen**: A welcoming interface with the app logo, title, and a prominent "Generate Sensitivity" button.
2. **Device Name Input**: Users can enter their device name in a dedicated input field to customize their sensitivity settings.
3. **RAM Selection**: Users select their device's RAM from various options (2GB, 3GB, 4GB, etc.) to tailor the sensitivity values.
4. **Gameplay Style Options**: Users choose their preferred gameplay style (e.g., Rush, Sniper) to further refine the sensitivity profile.
5. **Finger Setup Selection**: An option for users to select the number of fingers used during gameplay (2, 3, or 4).
6. **Results Display**: The app generates and displays personalized sensitivity values based on input parameters, ensuring unique results for each user.

## 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 app will feature a single-column layout that guides users step-by-step through the input process, ensuring clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing app state and user inputs.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Component Structure**: Develop individual components for each screen (Home, Device Name, RAM Selection, etc.) to maintain modularity.
3. **Implement Routing**: Utilize React Router to handle navigation between different screens in the app.
4. **State Management**: Set up Redux to manage the state of user inputs across different screens.
5. **Design UI**: Apply Tailwind CSS for styling components, using the specified design specifications for consistency.
6. **Algorithm Development**: Implement the dynamic algorithm that generates unique sensitivity profiles based on user inputs.
7. **Testing**: Conduct thorough testing on different devices to ensure responsiveness and functionality.
8. **Deployment**: Deploy the application to a suitable platform for user access.

## USER EXPERIENCE
The Sensitivity Generator provides a streamlined and intuitive user experience. Users are guided through a simple step-by-step process, starting from entering their device name to selecting gameplay preferences. Each screen is designed to minimize clutter and distractions, allowing users to focus solely on inputting their preferences. The final results are presented clearly, ensuring that users can easily understand and apply their personalized sensitivity settings.