Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MoodMosaic is a full-stack web application designed to help users track and improve their mood through the innovative use of color therapy. By combining mood journaling, personalized color recommendations, and meditation timers, MoodMosaic empowers users to understand their emotional patterns and enhance their well-being with engaging visual experiences.

## CORE FEATURES
1. **Mood Journal**: Users can log daily entries with color-coded moods, making it easy to visualize emotional patterns over time.
2. **Personalized Color Recommendations**: Based on users' mood patterns, the app provides tailored color suggestions to help improve their emotional state.
3. **Meditation Timers**: Interactive timers featuring animated color transitions guide users through meditative practices, enhancing relaxation.
4. **Mood Analytics Dashboard**: A comprehensive dashboard displaying mood trends, color associations, and analytics to help users track their emotional health.
5. **Social Sharing**: Users can share their daily color palettes and mood insights on social media, fostering community and support.
6. **User Authentication**: Secure sign-up and login functionality to ensure personal data is protected and allows for personalized experiences.

## 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 should feature a top navigation bar, a hero section with an engaging introduction to MoodMosaic, followed by sections for core features, a mood journal interface, and the analytics dashboard, all while maintaining a clean and organized visual flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, if needed for complex state)

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Install Node.js, create a new React project with TypeScript, and set up Tailwind CSS.
2. **Create the authentication system**: Implement user sign-up and login functionalities using a suitable backend service (e.g., Firebase or Auth0).
3. **Develop the mood journal feature**: Create components for users to log their moods and color entries, ensuring data is stored securely.
4. **Implement personalized color recommendations**: Create algorithms that analyze user mood data and suggest colors based on trends.
5. **Design and integrate meditation timers**: Build interactive timers with animated transitions, linking them to the user's mood states.
6. **Construct the mood analytics dashboard**: Develop a dashboard component displaying mood trends and insights using charts and visual elements.
7. **Add social sharing capabilities**: Incorporate sharing functionality to allow users to post their color palettes on social media platforms.
8. **Test the application**: Conduct thorough testing, focusing on user experience, performance, and responsiveness on various devices.
9. **Deploy the application**: Choose a hosting platform (e.g., Vercel, Netlify) and deploy the application for public access.

## USER EXPERIENCE
Users will interact with MoodMosaic through a simple and intuitive interface. Upon logging in, they will be greeted by a vibrant hero section that encourages daily mood entries. The mood journal will be easily accessible, allowing for quick logging of experiences. Users can navigate to the analytics dashboard to visualize their mood trends and receive personalized recommendations. Meditation timers will provide a calming experience with animated colors, enhancing the overall user interaction. Sharing features will foster community engagement, making the experience both personal and social.