Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MediStockYa is a mobile-first web application designed to help users locate medications, check availability, compare options, create alerts, and report updates. The app focuses on clarity, accessibility, and ease of use, catering especially to adults and seniors while ensuring that users verify information through official channels.

## CORE FEATURES
1. **User Authentication**: Allows users to register and log in with their email and password while maintaining a simple and clean flow.
2. **Medication Availability**: Users can search for medications by name or code, displaying results with current availability status.
3. **Comparison Tool**: Users can compare options based on price, location, and availability, helping them make informed decisions.
4. **Reporting Feature**: A straightforward form for users to report stock levels, errors, or updates regarding medications.
5. **AI Assistant Block**: A basic assistant feature that helps users find medications and compare options based on simulated data.
6. **User Ratings and Feedback**: Users can rate their experience and leave comments, contributing to the app’s reliability.

## 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 consist of a structured navigation menu, clear sections for each feature, and a responsive design that adapts to various screen sizes.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Data Models**: Define the data structures for users, medications, locations, inventory reports, alerts, assistant queries, and ratings.
3. **Build Authentication Flow**: Implement user registration and login functionalities, ensuring user data is stored securely.
4. **Develop Core Features**:
   - Create the search functionality for medication availability.
   - Implement the comparison tool for medications.
   - Build the reporting feature with a user-friendly form.
   - Integrate the AI Assistant block with simulated data responses.
5. **Design UI Components**: Develop reusable components for buttons, cards, and forms using Tailwind CSS, applying the specified design specifications.
6. **Ensure Responsiveness**: Test the application on various devices to ensure a seamless user experience for all screen sizes.
7. **Prepare for Backend Integration**: Structure the codebase to allow for future backend connections, particularly if integrating with Supabase or another backend service.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, easily navigating through the app to find medications, compare options, and report issues. The AI Assistant will provide quick access to medication searches and alerts, making the experience efficient and user-friendly. The design prioritizes accessibility, ensuring that all users, especially seniors, can navigate the app effortlessly.

By following these guidelines, the MediStockYa app will be ready to assist users in a clear, reliable, and efficient manner, while also being structured for future enhancements and backend integration.