Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a dashboard designed to provide insights by connecting to data from Meta Business Suite and Tally.so. Its primary purpose is to offer a clear view of the performance of social media posts and their impact on page engagement, follower count, and survey responses.

## CORE FEATURES
1. **Publication Performance History**: Display a timeline of posts with performance metrics such as views, likes, and comments, organized by publication date and summarized weekly.
2. **Page Visits and Follower Tracking**: Visualize historical data on page visits and follower growth over time, allowing users to gauge engagement and reach.
3. **Survey Response Analytics**: Show historical data of survey responses collected through Tally.so, helping users understand audience feedback and engagement levels.
4. **Data Integration**: Seamlessly connect with Meta Business Suite and Tally.so APIs to fetch and update data in real-time.
5. **Customizable Dashboard**: Allow users to personalize their view by selecting which metrics to display and how to visualize them (e.g., charts, tables).

## 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 should feature a top navigation bar for easy access to different sections, a sidebar for filtering options, and a main content area displaying the dashboard metrics in an organized grid format.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing complex state easily)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install the required dependencies (React, Tailwind CSS, shadcn/ui, Redux Toolkit).
2. **Create API Integrations**: Develop functions to connect to Meta Business Suite and Tally.so APIs to fetch data.
3. **Build Core Components**: Create components for publication performance, page visits, and survey responses. Utilize shadcn/ui for UI consistency.
4. **Implement State Management**: Set up Redux Toolkit to manage and centralize the state of the application, including fetching and storing dashboard data.
5. **Design Layout**: Implement the minimalist design as specified, ensuring responsiveness for various devices.
6. **Testing and Optimization**: Conduct testing for functionality and user experience, optimizing performance and ensuring seamless data updates.

## USER EXPERIENCE
Users will interact with the dashboard through a clean and intuitive interface. They can easily filter data by date ranges, navigate through metrics using the top navigation bar, and customize their display preferences. The dashboard will provide interactive charts and tables that update in real-time based on the user's selections, allowing for efficient data analysis and decision-making.