Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
COSMOO is a professional mobile application designed for recording and managing purchased items. The application will facilitate users in keeping track of their purchases through an intuitive interface that supports Arabic language and RTL layout, ensuring a seamless experience on smartphones.

## CORE FEATURES
- **Add Purchase**: Users can take a photo, scan a barcode, and enter item details such as name, supplier, quantity, and unit price to add a new purchase. The total price is calculated automatically.
- **Purchase History**: Display a list of recorded purchases with details including photo, name, barcode, supplier, quantity, unit price, total price, and date. Users can search, filter, modify, or delete entries.
- **User-Friendly Interface**: Designed with large buttons, clear icons, and simple navigation to enhance usability and accessibility.
- **Responsive Design**: The application will be optimized for various smartphone sizes, ensuring a consistent experience across devices.

## 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 bottom navigation bar, a header for the current section, and a scrollable content area for forms and purchase history.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context or Redux (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Create three separate files: `index.html`, `style.css`, and `script.js`.
2. **HTML Structure**: In `index.html`, define the layout including navigation, forms for adding purchases, and a list for purchase history.
3. **Implement CSS Styles**: Use `style.css` to apply the minimalist design, ensuring all elements are styled according to the specified design guidelines.
4. **Develop JavaScript Logic**: In `script.js`, implement functionality for taking photos, scanning barcodes, calculating total prices, and managing purchase history (add, modify, delete).
5. **Testing**: Thoroughly test all features to ensure they work correctly, especially the camera, barcode scanner, and UI responsiveness.
6. **Deployment**: Prepare the application for deployment, ensuring all files are linked correctly and functionality is intact.

## USER EXPERIENCE
Users will interact with the app primarily through a straightforward form for adding purchases, where they can easily take photos and input details. The history section will allow them to view past purchases, modify details, and delete entries as needed. The overall experience will be smooth and engaging, making it easy for users to manage their purchases effectively.
```