Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a minimalist e-commerce web application for a clothing store, designed to attract and engage customers with a simple and appealing interface. The goal is to provide a seamless shopping experience, similar to established platforms like Shopee, while ensuring ease of navigation and effective product showcasing.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Product Catalog**: Showcase a range of clothing items with images, descriptions, and pricing in a clean and organized layout.
3. **Shopping Cart**: Enable users to add items to their cart, view, and modify their selections before checkouta.
4. **Checkout Process**: Provide a streamlined checkout process with payment integration options (e.g., credit card, PayPal).
5. **Order History**: Allow users to view their past orders and track current orders for better customer engagement.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience on mobile and desktop 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 header with navigation, a hero section for featured products, a grid layout for the product catalog, a sidebar for filters, and a footer with contact information and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Project Structure**: Organize the project into components (e.g., Header, Footer, ProductList, Cart, Checkout).
3. **Implement User Authentication**: Set up user registration and login functionality using a secure authentication method.
4. **Develop Product Catalog**: Design the ProductList component to fetch and display items from a mock API or local data.
5. **Build Shopping Cart Functionality**: Create a Cart component to manage items added by users, allowing for quantity adjustments and deletions.
6. **Create Checkout Flow**: Implement the Checkout component with forms for shipping and payment information.
7. **Test Responsiveness**: Ensure all components are responsive and function well across different devices.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
The user experience focuses on simplicity and efficiency. Users can easily browse clothing items through the product catalog, add items to their cart, and proceed to checkout with minimal clicks. The design emphasizes clarity with a clean aesthetic, ensuring that product information is easily digestible. Users will appreciate the responsive design, allowing them to shop conveniently from any device. 

By following these specifications, the application will provide a streamlined and engaging shopping experience tailored to the user's vision for a clothing store website.