Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help users manage their anxiety and depression by providing a soothing experience through narrated biblical verses about self-love, God's love, and personal progress. The application will guide users in their emotional journey while promoting mindfulness and positivity.

## CORE FEATURES
1. **Audio Narration**: A feature that plays audio of selected biblical verses related to self-love and personal growth, providing a calming experience.
2. **Daily Reflections**: Users can receive daily motivational messages or verses that encourage mindfulness and self-acceptance.
3. **Mood Tracker**: An interactive mood tracker that allows users to log their feelings and track their emotional progress over time.
4. **Personalized Recommendations**: Based on user input, the app will suggest specific verses or resources to help them through challenging moments.
5. **User Account Management**: Secure user authentication to create personalized experiences, allowing users to save their preferences and track their journey.
6. **Resource Library**: A collection of articles, videos, and tools that provide additional support for mental health and wellness.

## 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 consist of a header with navigation, a hero section featuring the main purpose of the app, followed by sections for features, testimonials, and a call-to-action button leading to the user registration/login. The footer will include contact information and links to resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API for managing user state and mood tracking.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop UI components including the Header, Hero Section, Feature Cards, Mood Tracker, and Resource Library.
3. **Implement Audio Narration**: Use an audio library to manage the playback of biblical verses.
4. **Build Mood Tracker**: Create a component for users to log and visualize their moods.
5. **User Authentication**: Set up user registration and login functionality using a secure authentication method.
6. **Resource Library**: Compile a list of helpful articles and videos, and create a dedicated component to display these resources.
7. **Styling**: Apply Tailwind CSS for styling, ensuring adherence to the design specifications provided.
8. **Testing**: Perform thorough testing of all components to ensure functionality and responsiveness across devices.
9. **Deployment**: Deploy the application using a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page where they can learn about the application's purpose. Upon signing up or logging in, they will be greeted with a calming interface. Users can easily navigate to the audio narration, log their mood, and receive personalized recommendations. The minimalist design will ensure that users feel at ease while interacting with the application, promoting a positive mental health journey.