Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based e-commerce platform designed for a bakery specializing in signature treats such as cinnamon rolls, cheesecake, and rainbow cake. The main purpose is to provide an engaging and seamless shopping experience for customers looking to order fresh bakery items online.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of all available bakery items with high-quality images, descriptions, and prices. Users can easily browse through the selection.
2. **Product Details Page**: Each item will have a dedicated page showcasing detailed descriptions, ingredients, and customer reviews, along with an option to add the item to the cart.
3. **Shopping Cart**: A simple and intuitive shopping cart interface allowing users to view selected items, adjust quantities, and proceed to checkout.
4. **User Account Management**: Users can create accounts to track orders, save favorite items, and manage personal information for future purchases.
5. **Checkout Process**: A streamlined, user-friendly checkout process that includes multiple payment options and delivery information collection.
6. **Contact and About Us Section**: Information about the bakery, including its story, mission, and easy ways for customers to get in touch.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will prioritize a clean and simple layout with ample white space to ensure a focus on the products and typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and maintain a fresh, open feel.
- **Layout**: A grid layout for the product catalog with responsive design principles, allowing for optimal viewing on both desktop and mobile devices. The header will include a navigation menu, while a footer will provide links to social media and additional information.
- **Typography**: Use 'Inter' for headings (bold for emphasis) and 'Roboto' for body text to ensure clarity and readability. Establish a clear hierarchy with larger sizes for headings and consistent spacing between elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application development.
- **Styling**: Tailwind CSS for efficient and responsive design, allowing for utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built components to ensure consistent design and functionality.
- **State Management**: Redux or Context API for managing global state, particularly for the shopping cart and user authentication.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Component Structure**: Organize components into folders: `components`, `pages`, `utils`, and `styles`.
4. **Implement Routing**: Utilize React Router for navigation between the home page, product catalog, product details, shopping cart, and user account pages.
5. **Build Core Components**: Develop the product catalog, product detail view, shopping cart, and checkout components using Tailwind CSS for styling.
6. **Setup State Management**: Configure Redux or Context API to manage the shopping cart state and user authentication.
7. **Integrate Backend Services**: Connect to a backend service (e.g., Firebase or a custom API) for product data and user management.
8. **Testing**: Conduct user testing to identify any usability issues and refine the user experience.
9. **Deployment**: Choose a hosting platform (e.g., Vercel or Netlify) for deploying the application.

## USER EXPERIENCE
Users will enjoy a straightforward and pleasant shopping experience, starting from browsing the product catalog to adding items to their cart. The navigation will be intuitive, making it easy for users to explore different bakery items and access their accounts. The minimalist design will reduce distractions, allowing users to focus on selecting their favorite treats. The checkout process will be seamless, ensuring users can complete their purchases with minimal friction.