Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Tu Profe Ideal" is a web application designed as an educational marketplace that connects students with private tutors in Argentina. The platform aims to provide a modern, user-friendly experience that facilitates the search, comparison, and booking of tutoring services while ensuring a high-quality user experience that stands out from existing competitors like Superprof.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users (students and tutors) to create accounts, log in, and manage their profiles securely using Firebase Auth.
2. **Search and Filter Functionality**: Enable students to search for tutors by subject and filter results based on availability, ratings, and price.
3. **Tutor Profiles**: Display detailed profiles for each tutor, including qualifications, reviews, and a chat option for direct communication.
4. **Booking System**: Allow students to book classes directly through the application, choose availability, and receive instant confirmation.
5. **Payment Integration**: Implement a secure payment system for seamless transactions between students and tutors.
6. **Review and Rating System**: Facilitate feedback for tutors, helping to build trust and improve the overall quality of the service.

## 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 consist of a top navigation bar, a hero section with a search bar, followed by tutor cards organized in a grid format, and a footer section with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for reusable components.
- **State Management**: Use React Context or a simple state management library as needed.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize the project using Create React App with TypeScript template and install Tailwind CSS.
2. **User Authentication**: Set up Firebase Auth for user registration and login functionality.
3. **Database Structure**: Design Firestore collections for users, tutors, bookings, and reviews.
4. **Search and Filter Component**: Create a reusable search bar component that allows filtering of tutors based on user input.
5. **Tutor Profile Component**: Develop the tutor profile UI to display tutor information and reviews.
6. **Booking Flow**: Implement the booking system, allowing users to select and confirm class schedules.
7. **Payment Integration**: Choose a payment gateway and integrate it into the application for processing transactions.
8. **Review System**: Add functionality for users to leave reviews and ratings on tutor profiles.

## USER EXPERIENCE
Users will start their journey by visiting the homepage where they can see a prominent search bar to find tutors. After entering their desired subject, they will be presented with a grid of tutor cards. Each card will display essential information, and users can click through to view detailed profiles, compare options, and initiate chats. The booking process will be straightforward, with clear steps for selecting times, making payments, and receiving confirmations. The design will focus on minimizing friction, reducing stress, and building trust through transparency and ease of use.

This comprehensive prompt guides the development of "Tu Profe Ideal" as a robust educational marketplace, ensuring a focus on user experience and scalable architecture.