Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for managing inventory specifically for a brake workshop. It allows users to register parts, track inventory, and manage the output of parts to mechanics. The main purpose is to streamline the inventory control process, making it efficient for users to handle parts registration and retrieval.

## CORE FEATURES
1. **Registro de Repuestos**: A section to register new parts, where users input the internal code, part name, brand, model, and year each time a new item is added to the inventory.
   
2. **Salida de Repuestos**: A feature that displays the complete inventory list, allowing users to create a cart for mechanics by selecting parts they need, facilitating easy and organized output of inventory.

3. **Registro del Control de Salidas**: This feature tracks all transactions generated by the user, recording details about which parts were taken out, ensuring accountability and traceability.

4. **Lista del Inventario**: A comprehensive list view of all registered parts, allowing users to quickly check the status and availability of inventory.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple with plenty of white space, focusing on usability and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: The application should have a straightforward layout, featuring a top navigation bar for easy access to the main sections (Registro de Repuestos, Salida de Repuestos, Registro del Control de Salidas, Lista del Inventario). Each section should be displayed in a card format for clarity.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a readable serif font for body text (e.g., Roboto), with a clear hierarchy to distinguish between titles, subtitles, and content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and maintainability.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: Utilize shadcn/ui components to build a cohesive and modern UI.
- **State Management**: Use React Context API or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set up the project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Define the structure**: Create components for each main feature: Registro de Repuestos, Salida de Repuestos, Registro del Control de Salidas, and Lista del Inventario.
3. **Implement routing**: Use React Router to navigate between different sections of the app.
4. **Build forms for part registration**: Create a form component for the Registro de Repuestos feature that captures all required input fields.
5. **Implement inventory management**: Develop the logic for adding parts to the inventory and managing the cart functionality for mechanics.
6. **Set up state management**: Implement context or Zustand for managing global state related to inventory and cart.
7. **Create the inventory list view**: Design a user-friendly interface for the Lista del Inventario to display all parts with filtering and sorting options.
8. **Testing and debugging**: Conduct thorough testing of each feature to ensure functionality and fix any bugs that arise.

## USER EXPERIENCE
Users will experience a smooth interaction flow starting from the inventory registration, where they can easily add new parts. They can navigate to the output section to create a cart for mechanics efficiently. The tracking feature will provide them insights into inventory usage, and the inventory list will allow for quick checks on part availability. The minimalist design will ensure that users can focus on their tasks without distractions, promoting an effective workflow in managing brake parts inventory.