Lovable Prompt Creator - AI Prompt Generator

### ## APPLICATION OVERVIEW
This web application is designed for developers to streamline their project management and portfolio generation. By auto-generating a proof-based portfolio that includes images, videos, and git commits, developers can effectively showcase their completed projects. The application organizes projects into milestones, each requiring task completion and proof submission, ultimately enabling users to share their portfolios publicly.

## CORE FEATURES
- **Project Milestones**: Users can create projects divided into milestones, with each milestone containing specific tasks that must be completed.
- **Proof Submission**: Users can submit various forms of proof, such as images, videos, or git commits, as evidence of task completion for each milestone.
- **Auto-Generated Portfolio**: The application automatically compiles submitted proofs into a visually appealing portfolio that users can share publicly.
- **User Dashboard**: A clean, minimalist dashboard where users can view their projects, track progress on milestones, and manage submissions.
- **Public Sharing Options**: Users can easily generate a shareable link to their portfolio, allowing them to showcase their work to potential employers or collaborators.
- **Responsive Design**: The application will adapt seamlessly to different screen sizes, providing an optimal experience on both desktop and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize clean lines, ample white space, and a straightforward user interface that prioritizes usability and readability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and keep the interface fresh.
- **Layout**: 
  - A top navigation bar for easy access to the user dashboard, portfolio, and settings.
  - A side panel within the dashboard for project navigation, displaying milestones and tasks.
  - Main content area for detailed views of projects and milestones, with submission forms prominently displayed.
- **Typography**: 
  - Use a sans-serif font like "Roboto" for body text, ensuring clarity and modernity.
  - Headings should use a larger font size with a bold weight to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling that allows rapid design iteration.
- **UI Components**: Utilize shadcn/ui library for pre-designed components that fit the minimalist aesthetic.
- **State Management**: Consider using Zustand or React Context API for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Design the Layout**: Create the top navigation bar and side panel using Tailwind CSS, ensuring responsiveness for various devices.
3. **Develop Core Features**:
   - Implement project creation and milestone functionality with forms for user input.
   - Create proof submission forms that accept images, videos, and git commit links.
4. **Portfolio Generation**: Develop the logic to compile submitted proofs into a portfolio format, ensuring it is visually appealing and easy to read.
5. **User Dashboard**: Build the dashboard interface, displaying projects and milestones with progress indicators.
6. **Public Sharing Feature**: Implement functionality to generate unique shareable links for user portfolios.
7. **Testing and Optimization**: Conduct thorough testing on multiple devices and browsers to ensure a smooth user experience.

## USER EXPERIENCE
Users will first log in to their dashboard, where they can view existing projects and milestones. They can initiate new projects and milestones through intuitive forms. As they complete tasks, they can easily submit proofs, which are instantly reflected in their auto-generated portfolio. The interface will guide users through each step, from project creation to sharing their portfolio, ensuring a seamless and efficient experience. The responsive design will allow users to manage their projects and portfolios effortlessly from any device.