Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for warehouse inventory management, specifically tailored for admin users who can modify inventory data while allowing other users to view the information. The application will facilitate efficient inventory tracking and management through a user-friendly interface, inspired by Apple's aesthetic principles.

## CORE FEATURES
1. **Admin Authentication**: Secure login for administrators to manage inventory data.
2. **Inventory Viewing**: Non-admin users can view inventory items without making changes.
3. **Inventory Management**: Admins can add, edit, and delete inventory items, ensuring data accuracy and relevance.
4. **Test Data Setup**: Pre-populated inventory data for testing purposes to streamline the initial setup.
5. **Database Management**: Integration with Tooljet to create necessary tables and define relationships between inventory items.
6. **Responsive Design**: A layout that adapts seamlessly to various device sizes, ensuring accessibility and usability on mobile and desktop.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a top navigation bar for easy access to different sections, a sidebar for additional options, and a central display area for inventory details and management tasks. Each component will have sufficient spacing to maintain a clean and organized appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript and install Tailwind CSS and necessary dependencies.
2. **Create Database Structure**: Use Tooljet to create the required tables for the inventory system, including tables for users, inventory items, and relationships.
3. **Implement Authentication**: Develop the admin authentication system ensuring secure access to inventory management features.
4. **Design UI Components**: Create responsive UI components using Tailwind CSS, adhering to the design specifications.
5. **Build Inventory Management Features**: Implement the functionality for admins to add, edit, and delete inventory items, with the ability to view data in a structured format.
6. **Add Test Data**: Populate the database with test data to facilitate initial testing and demonstration of the application's functionality.
7. **Testing and Debugging**: Conduct thorough testing to ensure all features work as intended and fix any identified issues.
8. **Deployment**: Prepare the application for deployment, ensuring it is hosted effectively for user access.

## USER EXPERIENCE
The application will provide a smooth user experience with clear navigation and intuitive interactions. Admin users will log in to a dashboard that displays inventory metrics and management options, while non-admin users will have access to a view-only interface. Key flows include logging in, managing inventory items, and viewing inventory data, all designed to minimize user effort and enhance efficiency. Responsive design principles will ensure that users can easily access the application on various devices, maintaining usability regardless of screen size.