Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a streamlined tutoring platform that allows students to efficiently search for tutors based on their educational curriculum and preferences. Through a user-friendly interface, students can select their educational system, refine their search with various filters, and connect with tutors that best match their needs.

## CORE FEATURES
1. **Curriculum Selection**: Users select their educational system (Government School, CIE IGCSE, Edexcel IGCSE, SAT), which leads to context-specific options for the following filters.
   
2. **Dynamic Year Filtering**: The application updates the available years based on the selected curriculum, ensuring relevant year options are displayed for each system.

3. **Discovery Feed**: Users are taken directly to a personalized feed displaying relevant tutoring gigs, complemented by a horizontal subject bar and price filter for instant refinement.

4. **Subject Bar**: A horizontal scrollable list that presents all subjects pertinent to the user's selected year, allowing quick filtering by tapping on the desired subject.

5. **Fine-Tune Filters**: Users can refine their search results with persistent filters for tech/science precision, price/package options, and vibe compatibility based on a quiz.

6. **Instant Results & Matching**: After applying filters, the feed updates to showcase tutors that meet the student's criteria, including compatibility scores and pricing.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist – features a clean, simple design with ample white space, focusing on clarity and usability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: The main layout consists of a top navigation bar for curriculum and year selection, followed by a dynamic discovery feed with a subject bar pinned at the top and filtering options on the side.
- **Typography**: Use sans-serif font for body text (e.g., Open Sans or Roboto) for readability, with bolder weights for headings to establish hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and component structure.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for common UI elements like buttons, modals, and filters.
- **State Management**: Implement React context or Redux if needed for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop components for the header, subject bar, discovery feed, and filter sidebars.
3. **Implement Routing**: Use React Router for page navigation if needed; otherwise, keep it as a single-page application.
4. **State Management**: Set up context or Redux to manage user selections and filter states across components.
5. **Dynamic Filtering Logic**: Implement the logic for dynamically updating the year options and subject lists based on the curriculum chosen.
6. **Testing**: Use React Testing Library to ensure components work as expected and user interactions are smooth.

## USER EXPERIENCE
Users will start by downloading the app and taking a quiz to define their "Vibe." They will then select their curriculum and year, leading to an instant feed of tutoring gigs tailored to their choices. As they scroll through the discovery feed, they can easily filter by subject, price, and tutor vibe with intuitive one-tap options. Upon selecting a tutor, users can view their profile, initiate a chat, and add them to their vault for future reference, ensuring a seamless and engaging experience.