Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application for a custom t-shirt sales platform, allowing customers to select their desired prints and t-shirt colors. The application will facilitate the entire purchasing process, ensuring that customer preferences are sent directly to WhatsApp for manufacturing. Additionally, the app includes an admin section to manage designs, colors, sizes, and pricing.

## CORE FEATURES
1. **Custom T-Shirt Designer**: Customers can choose their t-shirt color and upload or select prints, creating a personalized t-shirt.
2. **WhatsApp Order Notification**: Upon checkout, order details are sent to the admin's WhatsApp for immediate processing.
3. **Admin Dashboard**: An admin interface to add, modify, or remove designs, manage sizes, colors, and set prices.
4. **User Authentication**: Secure login for admin users to access and manage the dashboard.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on desktop and mobile devices.
6. **Shopping Cart Functionality**: Customers can review their selections before proceeding to checkout.

## 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 straightforward layout featuring a hero section, product selection area, shopping cart, and admin dashboard (accessible via login). The hero section should highlight the custom t-shirt feature, followed by a grid layout for available designs.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing user and product states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Component Structure**: Develop the main components: Header, HeroSection, TShirtDesigner, Cart, AdminDashboard.
3. **Implement Routing**: Set up React Router for navigating between user-facing features and the admin dashboard.
4. **Build T-Shirt Designer**: Create functionality for users to select colors and prints, ensuring selections are visually represented.
5. **Integrate WhatsApp API**: Use the WhatsApp API to send order details upon checkout.
6. **Develop Admin Dashboard**: Create CRUD functionality for managing t-shirt designs, sizes, and pricing.
7. **Style Components**: Apply Tailwind CSS styles according to the design specifications outlined above.
8. **Test Responsiveness**: Ensure the application works smoothly on various screen sizes.

## USER EXPERIENCE
Users will navigate the site starting from the hero section, where they can quickly access the t-shirt designer. The designer will allow them to customize their t-shirt and add it to their cart. After reviewing their selections, they will proceed to checkout, triggering an order notification through WhatsApp to the admin. Admin users will log in to the dashboard to manage products effectively, ensuring the application remains up-to-date with current offerings. The overall experience is designed to be intuitive and streamlined, promoting ease of use for both customers and administrators.