Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The project is a web application called "Sloane's Daily Dashboard," designed as a personal productivity homepage that users open every morning. The application aims to provide a clean, modern dashboard interface that incorporates visual elements inspired by Microsoft Excel without replicating the actual Excel UI. Users will interact with various features, including motivational quotes, to-do lists, and goal tracking, all presented in a well-organized layout.

## CORE FEATURES
1. **Daily Quote Card**: Automatically displays a new scholarly quote each day, complete with author and source. The quote will be styled in italics and feature a clean presentation.
2. **To-Do List**: A dual-panel to-do list where users can manage work and personal tasks, featuring checkboxes, priority indicators, and the ability to add or delete items. Data will be stored in Supabase.
3. **Goals Tracker**: Allows users to set and manage their annual, monthly, and weekly goals, with inline editing and a simple interface for adding and removing goals.
4. **Economic Indicators**: Displays key economic indicators in a visually appealing manner, including real-time data fetched from an external API.
5. **News Feed**: A section showcasing the latest economic news, with links to the original articles, ensuring users stay informed.
6. **YouTube Integration**: A grid display of the latest videos from the Moving Water YouTube channel, allowing users to easily access content relevant to their interests.

## 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 application will feature a two-column layout for larger screens, with independent scrolling for each panel. On mobile, it will stack elements vertically for better accessibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: TanStack Query for server state management and caching.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and set up Tailwind CSS.
2. **Design System**: Implement the design specifications, including colors, typography, and layout structure.
3. **Create Components**: Develop reusable components for the quote card, to-do list, goals tracker, economic indicators, news feed, and YouTube video grid.
4. **Integrate Supabase**: Set up Supabase for authentication and data storage, creating necessary tables for todos, goals, and user information.
5. **Fetch Data**: Implement edge functions to fetch data for economic indicators and news, ensuring proper caching and API integration.
6. **Responsive Design**: Ensure the application is fully responsive, adapting the layout for mobile users.

## USER EXPERIENCE
- Users will experience a clean loading screen as data is fetched, with skeleton placeholders indicating loading states in the external information sections.
- The daily quote card will update automatically based on the date, providing a seamless experience each morning.
- Users can add, edit, and delete tasks and goals easily, with visual indicators for completion and priority.
- Interaction elements, such as buttons and checkboxes, will provide immediate feedback with transitions and animations for a polished feel.

```
This prompt outlines the necessary details for creating the web application based on the user's vision, ensuring clarity and completeness while adhering to design specifications and technical requirements.