Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a modern web app designed for a software development agency, serving as a central hub for managing projects, client communications, and team collaboration. Its main purpose is to streamline workflows, enhance productivity, and provide a seamless user experience for both clients and developers.

## CORE FEATURES
1. **Project Management Dashboard**: A centralized view where users can track project status, deadlines, and team assignments with intuitive visual indicators.
2. **Client Communication Portal**: A dedicated space for clients to communicate with the team, submit requests, and receive updates on project progress.
3. **Time Tracking & Billing**: A feature that allows team members to log hours worked on projects and generates invoices for clients based on logged time.
4. **Resource Library**: A collection of templates, guides, and best practices to aid team members in their development tasks.
5. **User Profiles & Roles**: Management of user accounts with different roles and permissions to ensure appropriate access levels for clients and team members.
6. **Feedback & Review System**: A mechanism for clients to provide feedback on deliverables, enabling an iterative improvement process.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasis on clean lines, ample white space, and a straightforward layout that prioritizes usability and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring excellent readability and a comfortable user experience.
- **Layout**: Utilizing a grid-based layout for the dashboard, with clearly defined sections for each feature. The sidebar navigation will provide easy access to different app areas, while the main content area will display relevant information and tools.
- **Typography**: Use a sans-serif font for a modern look, with headings bolded for hierarchy. Recommended fonts: 'Helvetica Neue' for body text and 'Roboto' for headings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and efficient component management.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development with minimal custom CSS.
- **UI Components**: Utilize shadcn/ui for pre-built components that fit the minimalist aesthetic.
- **State Management**: Redux (or Context API) for managing application state across components efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project, configuring Tailwind for custom styles.
3. **Create Component Structure**: Outline the main components for the dashboard, client portal, and other features.
4. **Build Navigation**: Implement a sidebar for navigation using shadcn/ui components, ensuring it is responsive and accessible.
5. **Develop Core Features**: Start with the project management dashboard, followed by the client communication portal, time tracking, and other features.
6. **Integrate State Management**: Set up Redux or Context API for managing application state across components.
7. **Implement User Authentication**: Create user login and registration functionalities with role-based access control.
8. **Test Responsiveness**: Ensure that the layout and components adapt well on various screen sizes, optimizing for mobile and desktop views.
9. **Gather Feedback**: Conduct usability testing with potential users to refine features and user flows.

## USER EXPERIENCE
Key user interactions will include:
- **Navigating the Dashboard**: Users can quickly access all project-related information through a responsive sidebar, with easy switches between active projects.
- **Client Communication**: Clients will have a straightforward interface to send messages and receive updates, keeping discussions organized and contextually relevant.
- **Logging Time**: A simple timer interface for developers to track their work, with options to edit and submit hours for billing.
- **Feedback Loop**: Clients can easily submit feedback on deliverables, which will be visible to the development team for quick iterations.

This fully functional minimalist web application will not only meet the user's vision but also provide an efficient and pleasant user experience for both clients and team members.