Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform designed for reading RFID items as they pass through a dock portal. The primary purpose is to facilitate real-time tracking and management of inventory using RFID technology, enhancing efficiency in logistics and inventory management systems.

## CORE FEATURES
1. **RFID Reader Integration**: Seamlessly connect to RFID readers to capture item information as they pass through the dock portal.
2. **Real-Time Inventory Tracking**: Display live updates of inventory levels and item locations, enabling quick access to item status.
3. **User Authentication**: Secure login system for different user roles (admin, warehouse staff) to manage access and functionalities.
4. **Dashboard Overview**: A clean dashboard that provides a summary of items scanned, alerts for low inventory, and recent activity logs.
5. **Data Exporting**: Options to export inventory data in various formats (CSV, PDF) for reporting and analysis.
6. **Notifications and Alerts**: Push notifications for important updates such as low stock levels or unauthorized RFID scans.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focusing on clean lines and ample white space, allowing for a distraction-free user experience. The interface is designed to prioritize readability and usability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: A grid-based layout with a sidebar for navigation and a main content area that dynamically updates based on user interactions. The dashboard will use card components to display key metrics and alerts.
- **Typography**: Use a sans-serif font like "Roboto" for body text, with headers in a bold weight for emphasis. Maintain a hierarchy with larger font sizes for titles and smaller sizes for body text to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe application.
- **Styling**: Tailwind CSS to enable rapid styling and ensure responsiveness across devices.
- **UI Components**: Utilize shadcn/ui components for a consistent and modern user interface.
- **State Management**: Implement context API for managing global state, if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Project Structure**: Organize the folder structure with directories for components, pages, services, and styles.
3. **Build Authentication Module**: Develop a user authentication system using Firebase or a similar service for secure logins.
4. **Integrate RFID Reader**: Set up API connections to the RFID reader hardware for data capture.
5. **Design Dashboard Layout**: Create the main dashboard layout with sidebar navigation and main content area using Tailwind CSS.
6. **Implement Core Features**: Develop each core feature, ensuring smooth data flow and real-time updates.
7. **Testing**: Conduct user testing to gather feedback on functionality and usability, making necessary adjustments.
8. **Deployment**: Prepare the application for deployment using a hosting service like Vercel or AWS.

## USER EXPERIENCE
Users will interact with the application through a streamlined interface that allows easy navigation between the dashboard and various features. Upon logging in, users will be greeted with an overview of the current inventory status. Scanned RFID items will be displayed in real-time, with visual alerts for low inventory prominently featured. The intuitive design ensures that even users with minimal technical expertise can efficiently manage inventory and respond to alerts. The responsive design guarantees a consistent experience across devices, from desktops to tablets and smartphones.