Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Glovo Riders iOS App

## APPLICATION OVERVIEW
This application is a native-feeling iOS app designed specifically for Glovo Riders, focusing on weekly challenges, rewards, and user profiles. It aims to engage riders through a professional and minimal user interface while adhering to Apple Human Interface Guidelines, ensuring a seamless and familiar experience.

## CORE FEATURES
1. **Challenges Screen**: Displays a list of weekly challenges with details including point rewards and team participation, allowing users to join and track their progress.
2. **Challenge Detail Screen**: Provides in-depth information about each challenge, allows users to join or check-in, and displays teammate stats.
3. **Rewards Section**: Features both Basic and Premium reward tiers, showing available rewards and progress towards unlocking premium rewards.
4. **Profile Management**: Displays user profile information, total points, and stats related to challenges completed and streaks.
5. **Team Assignment Logic**: Randomly reassigns teams every three weeks to keep the experience fresh and engaging.
6. **Points System**: Users accumulate points through participation and can redeem them for rewards, with premium access unlocked after completing 12 consecutive challenges.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability.
- **Layout**: The app will utilize a native iOS Tab Bar at the bottom, with three distinct tabs for Challenges, Rewards, and Profile. Each screen will leverage a card-based layout with rounded corners and subtle shadows, following native iOS design principles.
- **Typography**: Use San Francisco font with a hierarchy that emphasizes large titles for navigation and clear, readable text for descriptions and stats.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and maintainability.
- **Styling**: Tailwind CSS for a responsive and utility-first styling approach.
- **UI Components**: Utilize shadcn/ui for consistent and native-like UI components.
- **State Management**: Consider using Context API or Redux for managing user state and points accumulation.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the Tab Navigation**: Implement the native iOS Tab Bar with three tabs: Challenges, Rewards, and Profile, ensuring each tab maintains its own navigation stack.
3. **Develop the Challenges Screen**: Create the main screen displaying a vertical list of challenges using native iOS card components. Implement navigation to the Challenge Detail screen.
4. **Build the Challenge Detail Screen**: Design sections for challenge info, team members, and action buttons based on whether the user has joined or completed the challenge.
5. **Design the Rewards Section**: Implement the segmented control for Basic and Premium rewards, ensuring functionality for locked and unlocked states.
6. **Profile Management**: Create the Profile screen to display user information, points, and stats, incorporating responsive design practices.
7. **Implement Behavioral Logic**: Code the logic for weekly challenges, team assignments, and points accumulation, ensuring it updates dynamically based on user interactions.

## USER EXPERIENCE
The app will provide smooth transitions between screens, maintaining a native iOS feel throughout. Users will navigate easily through tabs, view challenges and rewards clearly, and manage their profiles without confusion. The professional and motivating design will foster a sense of achievement as users engage with weekly challenges and track their progress towards rewards.