, communication_style: - 1. PRODUCT OVERVIEW Build a full-stack web application called: SAKHI Support Circle Finder Purpose: A platform that...
Generated Prompt
## APPLICATION OVERVIEW SAKHI is a full-stack web application designed to create intimate support circles for women based on their life stages, goals, and emotional needs. By utilizing AI-driven matching and a user-friendly interface, SAKHI aims to foster meaningful connections and provide a safe space for personal growth and emotional support. ## CORE FEATURES 1. **User Registration and Authentication**: Users can sign up via email or Google OAuth. They will complete an onboarding process with a personality quiz and profile setup. 2. **AI Matching System**: The application uses an AI algorithm to analyze user responses and match them into small support circles of 4-5 members based on compatibility. 3. **Circle Dashboard**: Each user will have access to a personalized dashboard displaying their support circle's name, member list, weekly prompts from AI, and a chat section for real-time communication. 4. **Private Chat System**: Users can engage in real-time messaging within their circles, complete with emoji reactions and optional anonymous mode to ensure a safe and comfortable environment. 5. **Community Head Moderation Tools**: Community heads can create circle categories, monitor discussions, and host moderated sessions to maintain the health and safety of the circles. 6. **Subscription Management**: Users can choose between free and premium subscription plans, with Stripe integration for payment processing and subscription management. ## 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, featuring a soothing color palette of lavender, blush pink, and cream. - **Layout**: A straightforward layout with a top navigation bar, a main content area for the dashboard, and a sidebar for circle management and settings. - **Typography**: Use Inter or Poppins for a modern, clean look. Ensure a clear hierarchy with larger font sizes for headings and smaller sizes for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for responsive design and utility-first styling. - **UI Components**: Utilize shadcn/ui for building reusable components. - **State Management**: Consider using React Context or Redux for managing global state across the application. ## IMPLEMENTATION STEPS 1. **Set Up Project Environment**: Initialize the React project using Create React App with TypeScript template. Install necessary packages including Tailwind CSS, shadcn/ui, and any state management libraries. 2. **Implement Authentication**: Create authentication flows for both email signup and Google OAuth. Ensure password hashing and JWT for secure sessions. 3. **Develop Onboarding Flow**: Build the onboarding interface where users can set up their profiles and complete the personality quiz. 4. **Integrate AI Matching**: Connect to the Claude API for personality analysis and circle matching. Implement the algorithm to cluster users into support circles. 5. **Create Circle Dashboard**: Design and implement the Circle Dashboard for users, including chat functionalities and AI weekly prompts. 6. **Set Up Community Head Tools**: Develop the moderation panel for community heads, allowing them to manage circles and monitor user interactions. 7. **Implement Subscription Management**: Integrate Stripe for handling payments and subscription tiers, including webhook handling for subscription updates. ## USER EXPERIENCE The user journey begins with registration and onboarding, where they complete their profiles and personality quizzes. Upon successful matching, they will be placed in a support circle, where they can interact through the dashboard. Users will receive weekly prompts from the AI to spark discussions and encourage participation. Community heads will facilitate and moderate discussions, ensuring a healthy environment for all members. The application will be responsive, providing a seamless experience across devices.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
