Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create a high fashion clothing platform for dogs, fostering a community where users can upload photos of their pets dressed in stylish outfits. Users will earn points for discounts based on their submissions, encouraging engagement and interaction within the community.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts, log in, and manage their profiles to access community features.
2. **Photo Upload Feature**: Users can upload pictures of their dogs in high fashion attire, which will be displayed in a community gallery.
3. **Points System**: Users earn points for each photo submitted, which can be redeemed for discounts on future purchases.
4. **Community Feed**: A dynamic feed showcasing the latest uploads from the community, allowing users to like and comment on photos.
5. **Shop Section**: A curated selection of high fashion dog clothing available for purchase, integrating the points system for discounts.
6. **Profile Dashboard**: A user dashboard displaying points earned, submitted photos, and shopping history.

## 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 with navigation, a hero section showcasing featured products and community highlights, followed by sections for the community feed and shop. Each photo upload will be displayed in card format, allowing for easy interaction.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux for handling user data and points system

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new React application using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create the authentication module**: Implement user registration and login functionality using a suitable authentication service.
4. **Develop the photo upload feature**: Create a component for users to upload photos, ensuring file validation and storage.
5. **Implement the points system**: Develop logic for tracking points earned from photo submissions and integrate this with the user profile.
6. **Build the community feed**: Create a dynamic feed that pulls in user-uploaded photos and allows for interaction through likes and comments.
7. **Design the shop section**: Create a page to showcase available products, integrating the points system for discounts on items.
8. **Set up the user dashboard**: Develop a dashboard for users to view their points, manage their uploads, and track their shopping history.
9. **Test the application**: Conduct thorough testing to ensure all features work seamlessly and are responsive across devices.
10. **Deploy the application**: Choose a hosting platform to deploy the web application.

## USER EXPERIENCE
Users will have an intuitive experience, starting with a welcoming landing page that invites them to join the community. After logging in, they can easily navigate through the community feed to see others' submissions, upload their own photos, and explore the shop for high fashion dog clothing. The points system will be clearly displayed, motivating users to engage more with the platform. Mobile responsiveness will ensure that users can interact with the application from any device, enhancing accessibility and user satisfaction.