Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for tracking Genshin Impact player stats and character information. Users can connect their UID, view detailed character stats, artifacts, and receive personalized farming routines based on the latest game patch. The app focuses on providing an engaging user experience through animations and a clean, minimalist design.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and securely log in to connect their Genshin Impact UID.
2. **Character Stats Tracking**: Display a comprehensive list of characters with up-to-date stats, including abilities, artifacts, and best builds based on community usage.
3. **Artifact Management**: Provide users the ability to input and track their artifacts, offering suggestions for optimal character builds.
4. **Farming Routine Generator**: Create personalized farming routines based on the user’s character preferences and current game events.
5. **Visual Character Gallery**: Showcase accurate images of characters with animations for an engaging visual experience.
6. **Patch Updates**: Include a section for the latest patch notes affecting character stats and gameplay, ensuring users stay informed.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes clean and simple design with ample white space, focusing on typography for clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a pleasant viewing experience.
- **Layout**: The main layout should consist of a top navigation bar for easy access to features, a hero section highlighting the app's purpose, and segmented sections for character stats, artifact management, and routine generation.
- **Typography**: Use a modern sans-serif font like Inter for body text to maintain readability, with headings in a bolder weight to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS to facilitate rapid and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Implement React Context API or Zustand for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Authentication Module**: Implement user authentication using Firebase or a similar service to handle UID connections.
3. **Develop Character Stats Component**: Build a component that fetches and displays character stats from a reliable API or database.
4. **Artifact Management Feature**: Create an interface for users to input and manage their artifacts, including storage and retrieval from a database.
5. **Farming Routine Generator Logic**: Implement algorithms based on user preferences and current game requirements to generate farming routines.
6. **Patch Notes Integration**: Set up a section to pull and display the latest patch notes, ensuring content is regularly updated.

## USER EXPERIENCE
Users will begin by signing up and connecting their Genshin Impact UID. Upon logging in, they will be greeted with a dashboard that highlights their favorite characters and suggested artifacts. The app will feature smooth transitions and animations as users navigate through different sections. The farming routine generator will provide actionable insights, enhancing their gameplay experience. Additionally, users will receive notifications for significant patch updates directly within the app, keeping them informed and engaged.