Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Callea is a mobile application designed for young travelers (ages 20-35) who prefer street tourism over traditional museum visits. With the slogan "Sevilla a tu aire," Callea offers an interactive experience that encourages users to explore the city through gamified challenges and social interactions, all while maintaining a focus on user-friendliness and accessibility.

## CORE FEATURES
1. **Social Authentication Module**: Users can log in using Google or Apple accounts, with a verification system for “Local Hero” functionality.
2. **Geolocated Gymkanas**: An interactive map displays nearby points of interest. Users unlock challenges like visual questions or audio legends when they reach specific GPS coordinates.
3. **Reward System**: After completing routes, users receive QR codes for discounts at partner bars, incentivizing exploration and engagement.
4. **Social Feed**: A platform where users can post meet-up plans (e.g., "Cervezas en la Alameda a las 20h") and communicate via ephemeral group chats.
5. **Squad-Friendly Accommodation Finder**: Integrates with an API for curated listings of hostels and apartments tailored for group bookings, with filters for availability and ambiance.
6. **Urban User Profiles**: Features gamification elements like medals for distance traveled, levels of "Local," and a gallery showcasing completed routes.

## 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 layout will utilize a tab navigation system including tabs for "Explorar," "Quedadas," "Mis Rutas," and "Perfil," with a central button featuring the "C" icon of Callea.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install dependencies (React Router, Tailwind CSS, Firebase).
2. **Create Authentication Module**: Implement social authentication using Firebase Auth, ensuring a smooth login experience.
3. **Design UI Components**: Develop reusable UI components using shadcn/ui and style them with Tailwind CSS, adhering to the specified design guidelines.
4. **Integrate Google Maps API**: Set up the interactive map and implement geolocation features to unlock challenges based on user proximity.
5. **Develop Reward System**: Code the logic to generate QR codes as rewards after completing routes and integrate with the necessary backend services.
6. **Build Social Features**: Implement the social feed and chat functionalities for user interaction.
7. **Create Accommodation Finder**: Integrate the accommodation API and build the filtering system for user-friendly searching.
8. **Testing**: Conduct thorough testing, ensuring the app functions offline for audio routes and is intuitive for group navigation.

## USER EXPERIENCE
Users will interact with Callea through a straightforward tabbed navigation interface that allows quick access to exploration features, social interactions, and personal profiles. The app will provide large, easily clickable buttons and seamless transitions as users move through the various sections, ensuring a smooth experience while exploring the city. The gamified elements will encourage users to engage with their surroundings and interact with others, enhancing the overall experience of street tourism in Sevilla.