Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MatchPsico is a mobile web application designed specifically for university students aged 20 to 25 who are balancing their studies and work. The app helps users find a verified psychologist that meets their needs, budget, and schedule, while offering a free initial session and ongoing support through brief exercises for stress management.

## CORE FEATURES
1. **Welcome Screen**: Displays the MatchPsico logo, a motivational phrase "Da el primer paso, a tu ritmo", and a button to start. A message assures users that their data is private and confidential.
   
2. **Home Dashboard**: Personalized greeting ("Hola, Laura") with a card asking "¿Cómo estás hoy?" and options to find a psychologist, access 3-minute exercises, read student stories, and view their calendar.
   
3. **Flexible Check-in**: Users can select their mood on a scale of 1 to 5, which is saved in a weekly graph. If mood ratings are high for several days, a gentle reminder prompts them to consider talking to someone.
   
4. **Match Questionnaire**: A series of 5-6 questions designed to match users with psychologists, covering concerns, budget, availability, and preferred modalities.
   
5. **Psychologist Recommendations**: Displays exactly three recommended psychologists with photos, credentials, specialties, student pricing, and a "First session free" button.
   
6. **Session Booking and Profile**: Users can view a psychologist's profile, read reviews, check availability, and confirm their free session. Additional resources for free psychological services are provided for those who can’t afford a session.

## 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 will feature a bottom navigation bar with five tabs: Home, Psychologists, Exercises, Stories, and Profile. Each section will be accessible with a clear flow, ensuring a user-friendly experience.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the Welcome Screen, Home Dashboard, Check-in, Questionnaire, Recommendations, and Booking.
3. **Implement Navigation**: Set up a bottom navigation bar that routes to each main section of the app.
4. **State Management**: Implement Redux for managing the state of user inputs, psychologist data, and session bookings.
5. **Design UI**: Apply Tailwind CSS styling adhering to the design specifications, ensuring a minimalist aesthetic.
6. **Testing**: Conduct user testing to ensure the app functions smoothly across various devices and screen sizes.

## USER EXPERIENCE
Users will begin their journey on the Welcome Screen, where they are greeted with an inviting message. After tapping "Empezar", they will navigate to the Home Dashboard, where they can check-in on their mood or explore other features seamlessly. The questionnaire will guide them step-by-step, enhancing the matching process. Clear calls to action will lead them to book their session or access helpful resources, ensuring a supportive and engaging experience throughout the app.