Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for photo sharing and management. Users will be able to upload, organize, and share their photos in a clean and user-friendly interface. The app aims to provide a minimalist experience, focusing on the visual aspects of photography while ensuring ease of use.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process allowing users to create and manage their accounts.
2. **Photo Upload**: A simple interface for users to upload photos from their devices with drag-and-drop functionality.
3. **Photo Gallery**: An organized gallery view displaying uploaded photos with options to sort and filter.
4. **Photo Sharing**: Options to share photos via links or social media directly from the app.
5. **User Profile**: A dedicated section for users to manage their profiles, view their uploaded photos, and edit personal information.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless 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 include a top navigation bar for easy access to features, a central photo gallery section, and a sidebar for user profile and settings. The home page will feature a hero section encouraging users to upload their first photo.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and photo state

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, Redux).
2. **Create Authentication Module**: Implement user authentication using Firebase or another authentication service.
3. **Build Photo Upload Component**: Develop the photo upload functionality with drag-and-drop support.
4. **Design Photo Gallery Layout**: Create a responsive gallery layout that displays user-uploaded photos.
5. **Implement Sharing Functionality**: Add features for users to share their photos via links and social media.
6. **User Profile Management**: Create a user profile page where users can view and edit their information and uploaded photos.
7. **Responsive Design**: Ensure all components are responsive and maintain the minimalist aesthetic across different screen sizes.

## USER EXPERIENCE
Users will have a straightforward flow starting from the landing page, where they can log in or sign up. Upon logging in, they will be directed to their photo gallery, where they can easily upload new photos. The intuitive layout will allow users to navigate through their profiles, view uploaded photos, and share them effortlessly. Each interaction is designed to be seamless, with visual feedback to enhance user engagement.