Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to support individuals in overcoming pornography addiction through a combination of educational resources, community support, and personalized tracking. It will provide users with tools to manage their progress and connect with others on a similar journey, fostering a supportive environment for recovery.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login system to create personalized accounts, allowing users to track their progress and access tailored resources.
2. **Progress Tracker**: A feature that enables users to log their daily activities and monitor their improvements, providing visual feedback on their journey.
3. **Resource Library**: A curated collection of articles, videos, and podcasts aimed at educating users about the effects of pornography and offering coping strategies.
4. **Community Forum**: A space for users to connect, share experiences, and offer support to one another, fostering a sense of belonging and community.
5. **Goal Setting & Reminders**: Users can set personal goals and receive reminders to help them stay accountable and motivated throughout their recovery process.
6. **Analytics Dashboard**: A user-friendly dashboard that presents insights into progress and behaviors, helping users understand their patterns and triggers.

## 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**: The main layout will feature a top navigation bar for easy access to key areas, a hero section for impactful messaging, followed by sections for features, resources, community interactions, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user state and progress data

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Authentication System**: Implement user authentication using Firebase or Auth0, allowing users to sign up and log in securely.
3. **Design the UI**: Develop the UI components using Tailwind CSS, ensuring adherence to the minimalist design specifications.
4. **Build Core Features**: 
   - Develop the Progress Tracker to allow users to log activities.
   - Create the Resource Library and populate it with educational content.
   - Implement the Community Forum where users can post and respond to discussions.
5. **Implement Goal Setting & Reminders**: Allow users to set daily/weekly goals and configure reminders via push notifications or emails.
6. **Analytics Dashboard**: Design and implement the dashboard to visualize user progress and behaviors over time.
7. **Testing**: Conduct user testing to gather feedback and refine the application based on user interactions and experience.

## USER EXPERIENCE
Users will start by signing up or logging into their accounts. Upon logging in, they will be greeted with a dashboard that highlights their progress. They can easily navigate to different sections such as the resource library for educational materials, the community forum for support, and the progress tracker to log their activities. Notifications will guide them to set goals and remind them to stay focused on their recovery. The overall experience will be seamless, intuitive, and supportive, emphasizing user engagement and motivation throughout their journey.