Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for non-technical seniors, allowing them to take photos of handwritten recipes and convert them into large print text. The primary goal is to provide an accessible and user-friendly interface that works offline on phones, tablets, and computers, ensuring that users can easily read their beloved recipes without the need for technical skills.

## CORE FEATURES
1. **Photo Capture**: Users can take a clear photo of their handwritten recipes directly within the app.
2. **Image Processing**: The app will convert the captured photo into text using OCR (Optical Character Recognition) technology.
3. **Text Display**: The converted text will be displayed in a large, easily readable format.
4. **Offline Access**: Users can save the converted recipes for offline use, ensuring they are always available without internet access.
5. **User-Friendly Interface**: A simplified interface designed with seniors in mind, featuring large buttons and minimal text.
6. **Recipe Management**: Users can store, view, and delete their converted recipes easily.

## 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 top navigation bar for easy access to features, a central area for photo capture and text display, and a bottom section for recipe management with large buttons.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Develop a `Navbar` component for navigation.
   - Create a `PhotoCapture` component for taking pictures.
   - Build a `TextDisplay` component to show the converted text.
   - Implement a `RecipeList` component for managing saved recipes.
3. **Implement OCR Functionality**: Integrate an OCR library (like Tesseract.js) to convert images to text.
4. **Add Offline Functionality**: Utilize local storage to save and retrieve recipes for offline access.
5. **Style the Application**: Apply Tailwind CSS styles using the specified design specifications to ensure a minimalist aesthetic.
6. **Testing**: Conduct usability testing with seniors to ensure the app's accessibility and user-friendliness.
7. **Deployment**: Deploy the application on a cloud platform for public access.

## USER EXPERIENCE
Users will be guided through a simple workflow: 
1. They will open the app and see a clear interface with a prominent button to capture a photo.
2. After capturing a photo, the app will process the image and display the converted text in a large font.
3. Users can easily manage their recipes with large buttons to save or delete them, all designed to ensure a seamless experience that caters to their needs without overwhelming them. 

This comprehensive approach ensures that the application is functional, user-friendly, and aligns perfectly with the vision of providing accessible technology for seniors.