Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to function as an e-commerce platform focused on selling primarily Korean cosmetics and promoting a healthy lifestyle and well-being. The site aims to empower individuals by enhancing their self-esteem and improving their health through quality products from brands such as Beauty of Josean, Medicub, and Purito, with plans to launch a proprietary brand in the future.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of cosmetics, categorized by brand and product type, allowing users to browse and filter selections easily.
2. **Shopping Cart**: Users can add products to their cart, view their selections, adjust quantities, and proceed to checkout seamlessly.
3. **User Authentication**: Users can create accounts, log in, and manage their profiles, including order history and saved items.
4. **Checkout Process**: A streamlined, secure checkout experience integrated with Shopify for payment processing and order management.
5. **Health & Wellness Blog**: A section dedicated to articles and tips on healthy living, skincare routines, and self-care practices, aimed at fostering community and engagement.
6. **Customer Reviews and Ratings**: Users can leave reviews and ratings for products, helping others make informed purchasing decisions.

## 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**: A structured layout featuring a prominent hero section, product categories, featured products, 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 for managing user states and cart functionalities.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Design the main layout including the header, footer, and main content areas, ensuring a responsive design.
3. **Develop Core Features**:
   - Implement the product catalog with filtering and searching capabilities.
   - Set up the shopping cart functionality with state management.
   - Create user authentication using a suitable library (e.g., Firebase Auth).
   - Integrate Shopify for the checkout process.
4. **Build the Blog Section**: Create a simple CMS or static pages for the health and wellness blog.
5. **Implement Reviews and Ratings**: Allow users to submit and view product reviews.
6. **Test the Application**: Conduct thorough testing for usability, performance, and security before deployment.

## USER EXPERIENCE
Users will have an intuitive experience as they navigate through the application. They can easily browse products, add them to their cart, and complete their purchase with minimal friction. The integration of a health and wellness blog will foster a sense of community, while product reviews will enhance trust and guide purchasing decisions. The overall design will focus on simplicity and ease of use, ensuring that users can find what they need quickly and effectively.