Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application for Stronghold LGS that serves as an ERP system to manage their manufacturing production and project management for material installations. The application will streamline processes, enhance collaboration, and provide insights into production workflows.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to access the system, manage their profiles, and track their activities.
2. **Production Management Dashboard**: A centralized dashboard displaying real-time data on production metrics, project statuses, and resource allocation.
3. **Project Management Tools**: Features to create, assign, and track projects, with task lists, timelines, and progress indicators.
4. **Inventory Tracking**: Manage raw materials and finished goods, including stock levels, orders, and restocking notifications.
5. **Reporting and Analytics**: Generate reports on production efficiency, project timelines, and resource utilization to aid in decision-making.
6. **Collaboration Tools**: Features for team communication, including messaging and file sharing, to enhance collaboration among team members.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a pleasant user experience.
- **Layout**: The main layout will consist of a sidebar for navigation, a top header for notifications and quick access tools, and a central content area for displaying dashboards, project details, and reports.
- **Typography**: Use a combination of sans-serif fonts for headings and body text. Headings should be bold and larger, while body text should be regular and easily readable.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling to create responsive designs efficiently.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Consider using Zustand or Redux for managing application state across different components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Authentication Module**: Implement user registration and login functionality, including JWT for secure access.
3. **Build Dashboard Component**: Design the production management dashboard, pulling data from the backend API to display real-time metrics.
4. **Develop Project Management Tools**: Create components for managing projects, including forms for adding tasks and timelines.
5. **Implement Inventory Tracking**: Build features to manage inventory levels, including CRUD operations for materials.
6. **Create Reporting Module**: Implement logic to generate and display reports based on user-selected criteria.
7. **Integrate Collaboration Tools**: Develop messaging and file-sharing functionalities to enhance team communication.
8. **Ensure Responsiveness**: Use Tailwind CSS to make the application responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will begin by logging into the application through a secure authentication process. Once logged in, they will be greeted by the production management dashboard, which provides an overview of current projects and production metrics. Users can navigate through the sidebar to access project management tools, inventory tracking, and reporting. Each feature will provide intuitive interactions, such as drag-and-drop task management and easy-to-read analytics, ensuring a smooth and efficient user experience.