Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for iOS that enables users to understand the safety of ingredient lists in various products. Users can scan or manually input product information, and the app will analyze the ingredient list, providing insights and safety ratings based on established health guidelines.

## CORE FEATURES
1. **Ingredient Scanner**: Users can scan product barcodes to automatically retrieve ingredient lists for analysis.
2. **Manual Input**: Allows users to manually enter ingredients if scanning is not possible.
3. **Safety Rating System**: Each ingredient receives a safety rating based on health data and research, helping users make informed decisions.
4. **User Profiles**: Users can create accounts to save their preferences, scan history, and personalized recommendations.
5. **Educational Resources**: A section providing information about common ingredients, their uses, and potential health effects.
6. **Feedback System**: Users can submit feedback on product safety and share their findings with the community.

## 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 application will feature a top navigation bar, a central content area for displaying results and resources, and a footer with contact information and social links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create the main layout with a header, main content area, and footer using Tailwind CSS for styling.
3. **Develop Ingredient Scanner**: Implement the barcode scanning feature using a suitable library (e.g., react-qr-scanner).
4. **Create Manual Input Form**: Build a form component for users to enter ingredients manually, ensuring validation and user feedback.
5. **Implement Safety Rating Logic**: Develop the backend logic to assess ingredient safety and integrate it with the frontend.
6. **User Authentication**: Set up user authentication using Firebase or Auth0, allowing users to create and manage their profiles.
7. **Build Educational Resources Section**: Create a content management system for adding and displaying educational resources about ingredients.
8. **Feedback System**: Implement a feedback form where users can submit their thoughts and experiences regarding product safety.
9. **Testing**: Conduct thorough testing for usability and functionality across different devices and screen sizes.
10. **Deployment**: Deploy the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page where they can choose to scan a product or input ingredients manually. After entering the product information, they will receive immediate feedback with safety ratings and educational details about each ingredient. The user-friendly interface will guide them through account creation, accessing resources, and submitting feedback, ensuring a smooth and informative journey throughout the application.