Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Aura is a premium mood tracking web application designed to provide users with an intuitive and calming experience for tracking their moods and related metrics. The app operates fully in-browser without the need for authentication or backend support, ensuring a seamless and responsive user experience.

## CORE FEATURES
1. **Track Page**: Users can select their mood from five levels, adjust energy and anxiety sliders, select tags for weather and activities, and input journal notes. The app will prevent duplicate entries for the same date and provide toast notifications for successful saves.

2. **History Page**: Users can filter their mood entries by all, week, or month, and view detailed entry cards that display mood, energy, anxiety visuals, tags, and note previews. This page also includes a smooth animation for lists and a user-friendly empty state UI.

3. **Insights Page**: This section shows meaningful analytics such as mood trends over time, mood distribution, and comparisons between energy and anxiety. It also features stats like streaks and average mood, along with rotating daily quotes.

4. **Calendar Page**: Users can view a monthly grid of their moods, navigate between months, and see mood indicators for each day. Hovering over a date reveals detailed mood information, and a monthly summary displays overall statistics.

## 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 layout will be a single-page application with smooth transitions between tabs, ensuring a cohesive user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Local state management using React's built-in hooks.

## IMPLEMENTATION STEPS
1. **Initialize the Project**: Set up a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Main Structure**: Establish the main components for the Track, History, Insights, and Calendar pages with routing.
3. **Implement Local Storage**: Develop functions to save, update, and delete mood data locally in the user's browser using the local storage API.
4. **Design the UI**: Apply the minimalist design with defined typography, colors, and layout, ensuring responsiveness across devices.
5. **Integrate Animations**: Add smooth transitions and animations for tab switching, mood selection, and toast notifications.
6. **Testing**: Conduct thorough testing to ensure all features work as intended, focusing on edge cases like duplicate entries and empty states.
7. **Deploy the Application**: Prepare the application for production and deploy it using a suitable hosting platform.

## USER EXPERIENCE
Users will enjoy a smooth and calming interaction with Aura, thanks to its elegant design and responsive features. They can easily track their moods, explore their history, gain insights into their mental state, and navigate through the calendar effortlessly. Micro-interactions will enhance their experience, ensuring that every action feels intentional and rewarding. The app will cater to the user's emotional needs while maintaining a premium aesthetic, making it feel like a high-quality SaaS product.