Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application called Photoism, which allows users to take photos with their favorite K-pop idols from the group Hearts2Hearts. Users can select which member they want to pose with, choose from a variety of fun frames, retake photos if needed, and save their final images. The application focuses on a user-friendly experience with a minimalist design.

## CORE FEATURES
1. **Member Selection**: Users can choose which member of Hearts2Hearts they want to take a photo with from an interactive member gallery.
2. **Photo Capture**: Users can use their device's camera to take a photo with the selected idol overlay.
3. **Frame Selection**: After capturing a photo, users can choose from multiple fun frames to enhance their images.
4. **Retake Option**: Users can retake their photo if they are not satisfied with the first attempt.
5. **Save Functionality**: Users can save their final images to their device in PNG format.
6. **Share Option**: Users can share their final photos directly to social media platforms.

## 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 include a header section for navigation, a central photo capture area, a sidebar for frame selection, and a footer with save and share buttons.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or useState for managing the photo state and selected frames.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript and install Tailwind CSS and necessary dependencies.
2. **Design Layout**: Create the main layout using Tailwind CSS, ensuring responsiveness for various device sizes.
3. **Implement Member Selection**: Build a component that displays members of Hearts2Hearts and allows users to select one.
4. **Photo Capture Integration**: Use the device camera API to implement photo capturing functionality.
5. **Frame Selection Component**: Create a gallery of frames that users can choose from after capturing their photo.
6. **Retake Functionality**: Implement a button to allow users to retake their photo.
7. **Save and Share Features**: Add functionality to save images in PNG format and implement sharing options for social media.
8. **Testing**: Conduct thorough testing to ensure all features work as intended across different devices and browsers.

## USER EXPERIENCE
The user journey begins with selecting a member from the gallery. Once a member is chosen, the user accesses the camera interface to take their photo. After capturing the image, they can select a frame, retake the photo if necessary, and then save or share their finished product. The app will guide users through prompts and confirmations to enhance usability, ensuring a smooth and engaging experience.