Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based platform designed for managing the storage and tracking of chemical products at an educational institute. It includes two user profiles: one for teachers, who can manage product locations and statuses, and another for students, who can only view product locations. The app aims to enhance safety and organization within the chemical storage environment.

## CORE FEATURES
1. **User Authentication**: Secure access for two user profiles—teachers and students—to ensure appropriate permissions.
2. **Product Management**: Teachers can add, edit, or remove chemical products from the inventory, including updating their locations.
3. **Location Tracking**: Both teachers and students can view the current locations of chemical products within the storage facility.
4. **User Management**: Teachers can manage student access, allowing them to add or remove students from the system.
5. **Search Functionality**: Quick search options for teachers and students to find specific products by name or category.
6. **Notifications**: Alerts for teachers regarding product expiration dates or inventory levels.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design features a clean layout with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-page application structure with a navigation bar for quick access to features, a main content area for product details, and a sidebar for user-specific actions.
- **Typography**: Use of sans-serif fonts such as 'Roboto' or 'Arial' for clarity, with a clear hierarchy (larger headings for sections and smaller text for descriptions).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: React Context API or Zustand for managing user sessions and product data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create User Authentication**: Implement authentication logic to differentiate between teacher and student access.
4. **Build Product Management Features**: Develop components for adding, editing, and removing products, along with location tracking.
5. **Implement User Management**: Create functionality for teachers to manage student accounts.
6. **Design UI Layout**: Apply Tailwind CSS to create the minimalist design according to the specifications.
7. **Test Functionality**: Ensure all features work as intended for both user profiles.
8. **Deploy Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
The application offers a smooth user experience with intuitive navigation. Teachers will have access to a dashboard where they can manage products and users easily. Students will have a simple interface to view product locations, ensuring their focus remains on safety and compliance. Responsive design principles will ensure usability across devices, facilitating access on both mobile and desktop platforms.