Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform designed to facilitate the creation and management of action plans. Users can collect information through file uploads (PDF, Word, Excel, PPT, etc.) or by entering details manually. The platform generates actionable plans to help track projects efficiently.

## CORE FEATURES
1. **File Upload Functionality**: Users can upload various document types (PDF, Word, Excel, PPT) to extract relevant information for action plans.
2. **Manual Input**: Allows users to manually enter details needed to create an action plan, ensuring flexibility in data collection.
3. **Action Plan Generation**: Automatically generates a structured action plan based on collected data, providing users with a clear project tracking method.
4. **Project Tracking Dashboard**: A user-friendly dashboard that offers an overview of all action plans, allowing users to monitor progress and deadlines.
5. **User Authentication**: Secure login and registration system to ensure data privacy and user-specific action plans.
6. **Collaboration Tools**: Features that enable sharing action plans with team members for collaborative editing and feedback.

## 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 content area for the dashboard and action plan details, and a footer. The dashboard will display action plans in card format, with clear CTAs for adding new plans or uploading files.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modern and customizable UI elements.
- **State Management**: Redux Toolkit for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Implement user authentication using JWT or a similar approach.
3. **Develop File Upload Component**: Create a component that allows users to upload documents, integrating file parsing logic.
4. **Implement Manual Input Forms**: Design and build forms for users to enter project details manually.
5. **Action Plan Logic**: Write functions to generate action plans based on uploaded data or manual inputs.
6. **Build Dashboard**: Develop a dashboard displaying all action plans, with options to edit, delete, or share them.
7. **Testing and Debugging**: Conduct thorough testing to ensure all features work as intended and fix any bugs.
8. **Deployment**: Deploy the application on a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will begin by registering or logging into the platform. Once logged in, they can choose to upload a file or manually input details to create an action plan. The dashboard will provide a clear overview of their plans, with intuitive navigation to add new ones or track existing ones. Each action plan can be clicked to view details, edit, or share with team members, enhancing collaboration and project management. The minimalist design ensures that users can focus on their tasks without distractions.