Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for managing project duplication and customization for different customers. Users can easily create forks of existing projects and remix both the project content and the associated cloud database, ensuring a streamlined workflow for project management and customer-specific adaptations.

## CORE FEATURES
1. **Project Duplication**: Enable users to duplicate existing projects with a single click, creating a new instance for customization.
2. **Remix Functionality**: Allow users to remix the content of the duplicated project, providing tools for editing and modifying various elements.
3. **Cloud Database Management**: Automatically create a unique cloud database for each duplicated project, ensuring data integrity and separation.
4. **User Authentication**: Implement a secure authentication system to manage user accounts and permissions.
5. **Customer Dashboard**: Provide a personalized dashboard where users can view and manage all their projects at a glance.
6. **Version Control**: Integrate version control for projects, allowing users to revert to previous versions when necessary.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize a clean, simple design with abundant white space. The focus will be on usability and readability, ensuring that users can navigate easily without distractions.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a pleasant user experience.
- **Layout**: Utilize a grid-based layout with a sidebar for navigation and a main content area for project management tasks. Maintain consistent spacing and alignment to ensure a harmonious look.
- **Typography**: Use sans-serif fonts like Inter or Roboto for a modern feel, with a clear hierarchy (e.g., larger, bolder titles, medium-sized subheadings, and smaller body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iteration while maintaining consistency.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Implement Zustand or Redux for efficient state management, ensuring a responsive and dynamic user experience.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project, along with Zustand or Redux for state management.
3. **Create Project Structure**: Organize the project into folders for components, pages, and services, ensuring a scalable architecture.
4. **Implement Authentication**: Set up user authentication using Firebase or Auth0, allowing for secure logins and user management.
5. **Develop Core Features**:
   - Build the project duplication feature, connecting to the backend to handle data replication.
   - Create the remix functionality, allowing users to edit project content dynamically.
   - Develop the cloud database management system, ensuring unique databases are created for each project.
6. **Design the User Interface**: Apply Tailwind CSS styles to the components, ensuring adherence to the minimalist style and light theme.
7. **Testing and Iteration**: Conduct testing for usability and functionality, collecting feedback to refine the user experience.
8. **Deployment**: Deploy the application using Vercel or Netlify for easy access and sharing.

## USER EXPERIENCE
Users will begin their journey by logging into their accounts and landing on their personalized dashboard. From there, they can view their existing projects, initiate new project duplication, and access the remix tools effortlessly. The minimalist design will ensure that important functions are highlighted, while ample white space will create a calming environment for users to focus on their tasks. Responsive design will guarantee a seamless experience across various devices, enhancing accessibility and convenience.