Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Chattr is a web application designed to facilitate ephemeral, anonymous, and preference-matched social groups for college students. Its primary purpose is to offer a low-friction platform for meaningful social interactions in a safe environment, allowing users to connect with peers based on shared interests while maintaining privacy.

## CORE FEATURES
1. **Fast Onboarding Quiz**: A 10-20 question multiple-choice quiz that allows users to express their preferences and interests, taking less than 90 seconds.
2. **Anonymous Group Creation**: Users are matched into six-person pods based on compatibility scores derived from quiz responses, creating a personalized social experience.
3. **Ephemeral Group Chat**: A group chat feature where messages disappear or are archived after 7 days, promoting urgency and encouraging engagement.
4. **Identity Reveal Flow**: At the end of the 7-day period, users can opt to reveal their identities, facilitating trust and potential ongoing connections.
5. **Safety and Moderation Tools**: Features for reporting, blocking, and a simple moderation queue to ensure a safe environment for all users.
6. **Basic Analytics Dashboard**: A dashboard for campus admins to track user engagement and group activity.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing pastel lilac, mint, and coral as accent colors.
- **Layout**: A single-page structure featuring a hero section at the top, followed by the onboarding quiz, group chat, and identity reveal sections. Each section should be visually distinct yet cohesive.
- **Typography**: Use **Poppins** for headings and primary text to maintain a friendly and approachable feel, paired with **Inter** for body text to ensure readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and modularity.
- **Styling**: Tailwind CSS for rapid styling and responsive design.
- **UI Components**: Utilize shadcn/ui for accessible and customizable components.
- **State Management**: Use React Context API or Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React application using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and state management libraries.
3. **Create Core Components**:
   - **Hero Section**: A welcoming introduction to Chattr with a call-to-action button to start the onboarding quiz.
   - **Onboarding Quiz Component**: Implement a series of multiple-choice questions with state management to track responses.
   - **Match Engine**: Develop the logic for matching users based on quiz responses.
   - **Group Chat Interface**: Create a chat interface that supports real-time messaging and displays member avatars anonymously.
   - **Identity Reveal Flow**: Design a modal for the identity reveal process with clear user prompts.
   - **Safety Features**: Include reporting buttons and a basic moderation dashboard.
4. **Connect to Backend**: Set up Firebase or a similar service to handle user data, group management, and chat functionality.
5. **Testing**: Thoroughly test each component and interaction to ensure a smooth user experience.
6. **Deployment**: Deploy the application using Vercel or Netlify for easy hosting and scalability.

## USER EXPERIENCE
Users will begin their journey on the Chattr platform with a friendly and engaging hero section that invites them to take the onboarding quiz. After completing the quiz, they will be matched into a group pod where they can chat anonymously for seven days. The interface will be intuitive, with clear prompts guiding users through the identity reveal process and moderation options. Accessibility considerations will be made throughout to ensure all users can interact comfortably and safely.

This prompt serves as a comprehensive guide to develop a minimalist, engaging web application that aligns with the vision for Chattr, facilitating meaningful connections among college students.