Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a full-stack therapy application designed as a supportive resource for individuals seeking mental health assistance. It is tailored to provide insightful guidance through an AI assistant while enhancing the therapeutic experience without replacing traditional therapy. The app focuses on offering tools and resources that encourage self-care and emotional well-being.

## CORE FEATURES
1. **AI Assistant**: An intelligent helper that offers carefully crafted insights and supportive suggestions tailored to the user's emotional state and needs, ensuring a thoughtful approach.
2. **Journaling Tool**: A secure space where users can log their thoughts and feelings daily, helping them track their emotional journey over time.
3. **Resource Library**: A curated collection of articles, videos, and exercises that provide additional support and education on various mental health topics.
4. **Mood Tracker**: An interactive feature allowing users to log their moods regularly, providing visual insights into their emotional patterns.
5. **Goal Setting**: A feature that enables users to set personal mental health goals and track their progress, fostering motivation and accountability.
6. **Community Support**: An optional feature for users to connect with peers, share experiences, and provide mutual encouragement in a safe environment.

## DESIGN SPECIFICATIONS
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability.
- **Layout**: A single-column layout that prioritizes vertical scrolling, ensuring a smooth flow of content. Key features should be highlighted with ample spacing between sections.
- **Typography**: Use sans-serif fonts like Inter or Montserrat for headings and body text, ensuring a modern and approachable feel. Maintain a clear hierarchy with larger sizes for headings and consistent line spacing for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid, responsive design implementation
- **UI Components**: Utilize shadcn/ui for pre-built and customizable UI components
- **State Management**: Consider using Recoil or Zustand for easy and efficient state management across the app.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize the project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and state management library of choice.
3. **Component Structure**: Create a folder structure for components, pages, and assets (e.g., images, icons).
4. **Design Components**: Develop reusable UI components (buttons, input fields, cards) using Tailwind CSS and shadcn/ui.
5. **Implement Core Features**: 
   - Build the AI assistant interface integrating a backend AI service for insights.
   - Develop the journaling tool with a secure database for user entries.
   - Create the resource library with categorized content.
   - Implement mood tracking and goal-setting features with visual feedback.
   - Set up community support features with moderation tools.
6. **User Authentication**: Implement user authentication through Firebase or similar services to secure user data and preferences.
7. **Testing**: Conduct thorough testing, including user testing for feedback on UX and functionality.
8. **Deployment**: Deploy the application using platforms like Vercel or Netlify for easy accessibility.

## USER EXPERIENCE
The user journey begins with a clean landing page that introduces the app's purpose and invites users to sign up or log in. After authentication, users can access their personalized dashboard, where they can easily navigate to the journaling tool, mood tracker, and resource library. The AI assistant offers insights based on user inputs, while the goal-setting feature encourages users to set and monitor their mental health goals. The entire application is designed to be responsive and intuitive, ensuring a seamless experience across devices.