Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The ITSM app is a web application designed to streamline IT service management processes, allowing teams to efficiently handle incidents, service requests, and changes. With a focus on user-centric design, it aims to improve productivity and enhance collaboration within IT departments.

## CORE FEATURES
1. **Incident Management**: Users can log, track, and resolve incidents with ease, ensuring timely responses and minimizing downtime.
2. **Service Request Management**: A user-friendly interface for submitting and managing service requests, allowing for faster response times and improved service delivery.
3. **Change Management**: Tools for planning, approving, and tracking changes to IT services, minimizing risk and disruption to services.
4. **Knowledge Base**: A searchable repository of articles and FAQs to help users find quick solutions to common issues.
5. **Reporting Dashboard**: Visualizations and reports to track performance metrics, incidents, and service requests, aiding in decision-making and process improvements.
6. **User Authentication**: Secure login system to ensure that only authorized users can access sensitive information and features.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on usability and readability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and user comfort.
- **Layout**: A straightforward, single-column layout with a fixed navigation bar at the top, allowing users to easily access different sections of the app without distractions.
- **Typography**: Use of sans-serif fonts for body text (e.g., Inter or Roboto) with a larger, bolder font for headings to create a clear hierarchy and improve readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Use of shadcn/ui for pre-designed components that adhere to the minimalist aesthetic.
- **State Management**: Use of React Query for data fetching and state management to simplify server state handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Flow**: Implement user authentication using a secure method (e.g., JWT tokens) and set up protected routes.
3. **Build Core Features**: 
   - Develop the incident management module with forms for logging incidents and a dashboard for tracking them.
   - Create the service request management interface, ensuring it integrates seamlessly with the incident management system.
   - Implement change management features, including necessary forms and approval workflows.
   - Set up the knowledge base with a content management system for easy article creation and search functionalities.
   - Design the reporting dashboard using charts and graphs to visualize key metrics.
4. **Style the Application**: Use Tailwind CSS to apply the minimalist design and ensure responsiveness across different devices.
5. **Testing**: Conduct thorough testing of all features, focusing on usability and performance, and fix any bugs identified.
6. **Deployment**: Deploy the application on a cloud platform (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will interact with the ITSM app through a clean and intuitive interface. They can easily log in to access their dashboard, where they can view recent incidents, service requests, and performance metrics. The navigation will guide them to different modules, allowing for quick access to incident reporting, service requests, and knowledge articles. The design will prioritize clarity and accessibility, ensuring a smooth user experience across all devices.