Lovable Prompt Creator - AI Prompt Generator

*italic text*## APPLICATION OVERVIEW
This application serves as an e-commerce platform dedicated to selling a wide range of rock and metal-themed merchandise, including albums, t-shirts, mugs, necklaces, bracelets, CDs, vinyl records, pants, and boots. The goal is to create a streamlined shopping experience for fans of various rock and metal genres.

## CORE FEATURES
1. **Product Catalog**: Display a comprehensive list of available products with filtering options by category (e.g., albums, clothing, accessories) and music genre (e.g., rock, nu metal, metal).
2. **Product Detail Pages**: Provide detailed information about each product, including images, descriptions, pricing, and a “Add to Cart” button.
3. **Shopping Cart**: Allow users to view and manage selected items, update quantities, and proceed to checkout seamlessly.
4. **User Accounts**: Enable users to create accounts for faster checkout, order tracking, and personalized recommendations based on purchase history.
5. **Search Functionality**: Implement a search bar that allows users to quickly find specific products or genres.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience on desktop, tablet, and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Maintain a minimalist approach with a clean design that emphasizes white space, ensuring products are the focal point. Use a minimal color palette to enhance readability and user engagement.
- **Color Mode**: Utilize a light theme with dark text on light backgrounds to create a pleasant and easy-to-read interface.
- **Layout**: The main layout should feature a grid system for the product catalog, with a top navigation bar for easy access to different categories and a visible search bar. The product detail pages should have a clean single-column layout for easy reading.
- **Typography**: Use a modern sans-serif font for headings and body text to enhance legibility. Establish a clear hierarchy with larger sizes for headings and smaller sizes for body text, ensuring a consistent look throughout the application.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Use Tailwind CSS for styling components, ensuring a responsive and clean design.
- **UI Components**: Incorporate components from shadcn/ui for consistent and accessible design elements.
- **State Management**: Utilize React Context API or Redux for managing application state, especially for the shopping cart and user authentication.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Component Structure**: Develop a folder structure for components, pages, and assets, organizing files for clarity.
4. **Implement Routing**: Use React Router for navigation between the home page, product catalog, product detail pages, and user account pages.
5. **Build Core Features**:
   - Create the Product Catalog component with filtering options.
   - Develop the Product Detail component to display individual product information.
   - Set up the Shopping Cart component to manage selected items and checkout process.
   - Implement User Account management functionality.
6. **Style Components**: Use Tailwind CSS to style components according to the specified design specifications, ensuring responsiveness.
7. **Testing**: Conduct thorough testing to ensure all features work correctly across different devices and screen sizes.

## USER EXPERIENCE
Users will access the homepage, featuring an inviting layout with highlighted products. They can easily navigate the catalog using filters or the search bar. Upon selecting a product, users will be directed to a detailed page where they can view images and descriptions. Adding items to the cart is simple and intuitive, with seamless transitions to the cart and checkout process. User accounts facilitate a personalized experience, making it easy for fans to keep track of their favorite products and orders. The overall experience should feel cohesive, fast, and enjoyable, encouraging users to explore and purchase their favorite rock and metal merchandise.