Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist web application similar to Mokker.ai, focusing on providing users with a straightforward interface and essential functionalities. The application will allow users to engage with the platform seamlessly while maintaining a clean and simple design aesthetic.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts and log in securely to access personalized features.
2. **Dashboard**: A central area where users can view their projects, manage settings, and access key functionalities.
3. **Project Creation**: Users can create and manage projects, including uploading assets and configuring project settings.
4. **Real-time Collaboration**: Enable users to collaborate with others in real-time, sharing updates and feedback on projects.
5. **User Profile Management**: Allow users to manage their profiles, update personal information, and adjust settings.
6. **Help and Support Section**: Provide users with access to FAQs, support tickets, and contact information for assistance.

## 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 top navigation bar, a sidebar for quick access to features, and a main content area displaying dashboards and project details. The layout will emphasize clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (based on project needs)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using TypeScript, and install the necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Develop the main layout including the top navigation bar, sidebar, and main content area, ensuring to apply the specified design specifications.
3. **Implement User Authentication**: Set up user registration and login functionality using secure methods (JWT, OAuth, etc.).
4. **Build the Dashboard**: Create the dashboard component where users can view and manage their projects.
5. **Develop Project Management Features**: Implement the project creation and management functionalities, allowing users to upload assets and adjust settings.
6. **Integrate Real-time Collaboration Tools**: Use WebSocket or similar technology to enable real-time updates and collaboration features.
7. **Profile Management**: Develop a user profile section where users can update their information and preferences.
8. **Help and Support**: Create a help section with resources, FAQs, and a contact form.

## USER EXPERIENCE
The application will provide an intuitive user experience, allowing users to easily navigate between different sections. The dashboard will serve as the central hub, providing quick access to project management tools. Users will experience real-time collaboration features that enhance productivity and communication. Overall, the design will focus on minimizing distractions and presenting information clearly and concisely.