Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to help users overcome burnout through guided activities, resources, and community support. It aims to provide a calming and supportive space where users can find relief and strategies for managing their stress and workload.

## CORE FEATURES
1. **User Registration/Login**: Secure authentication process allowing users to create accounts and log in to access personalized content.
2. **Personalized Dashboard**: A central hub displaying user-specific resources, progress tracking, and recommended activities tailored to mitigate burnout.
3. **Guided Activities**: A library of interactive activities such as meditation, journaling prompts, and breathing exercises to help users manage stress.
4. **Community Forum**: A space for users to connect, share experiences, and offer support to one another, fostering a sense of community.
5. **Resource Library**: A collection of articles, videos, and tools focused on mental health and wellness, curated to help users learn more about managing burnout.
6. **Progress Tracking**: Features allowing users to log their activities and track their emotional well-being over time, encouraging accountability and reflection.

## 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: A single-column layout with a fixed header for navigation, main content area for dashboard and features, and a footer for additional links and support information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux (or Context API if preferred)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any state management libraries (e.g., Redux).
3. **Configure Tailwind CSS**: Set up Tailwind in your project, including the necessary configurations for custom colors and fonts.
4. **Create Components**: Develop reusable components for the dashboard, activities, forum, and resource library.
5. **Implement Authentication**: Create user registration and login forms, integrating them with a backend service for user management.
6. **Build Dashboard**: Design the dashboard layout, pulling in user-specific data and displaying it using the created components.
7. **Develop Guided Activities**: Implement a section for guided activities, ensuring interactivity and user engagement.
8. **Set Up Community Forum**: Create a forum component allowing users to post, comment, and interact with each other.
9. **Develop Resource Library**: Implement a searchable resource library with links to articles and videos.
10. **Test and Optimize**: Conduct thorough testing for bugs and user experience improvements; optimize for mobile responsiveness.

## USER EXPERIENCE
The application will provide users with an intuitive interface where they can easily navigate through their dashboard to access guided activities, contribute to the community forum, and explore the resource library. Key interactions include seamless registration and login, easy access to personalized content, and straightforward navigation between different features, ensuring that users feel supported and engaged throughout their journey to manage burnout effectively.