Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for project management, allowing users to create new projects, invite collaborators via email, and manage project files of any extension. The focus is on providing a streamlined interface that enhances collaboration and file management while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **New Project Button**: A dedicated "+ New Project" button that opens a dashboard for users to configure project settings and add collaborators.
2. **Collaborator Invitations**: Users can invite collaborators by entering their email addresses, allowing for easy team management and communication.
3. **File Upload Support**: Each project will support file uploads of any extension, enabling users to attach relevant documents and resources directly to their projects.
4. **Dashboard Access**: A simple and intuitive dashboard that displays all projects, their statuses, and quick access to project features.
5. **User Authentication**: Secure user authentication to ensure that only authorized users can access and manage projects.

## 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 feature a top navigation bar with the "+ New Project" button, a central dashboard area displaying projects in a card format, and a sidebar for navigation to settings and user profile.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and project state

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Layout**: Design the main layout with a top navigation bar and a sidebar. Implement the dashboard area to display project cards.
3. **Implement New Project Feature**: Create a modal or dedicated page that opens when the "+ New Project" button is clicked, allowing users to enter project details and invite collaborators.
4. **Email Invitation Logic**: Develop functionality to send email invitations to collaborators, ensuring proper handling of user input and API integration for email services.
5. **File Upload Functionality**: Implement file upload capabilities in the project settings, allowing various file types to be attached to each project.
6. **Testing and Optimization**: Conduct thorough testing for usability, responsiveness, and performance. Optimize the application for various devices and screen sizes.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface. Upon logging in, they will see a dashboard with their existing projects and a prominent "+ New Project" button. Clicking this button will open a form to create a new project, where they can also invite collaborators by entering their email addresses. Users can easily upload files to each project, view project details, and manage their projects through a well-organized dashboard, ensuring a seamless and engaging experience.