Lovable Prompt Creator - AI Prompt Generator

`code`## APPLICATION OVERVIEW
The project is a web application designed to serve as a professional 3D dashboard for an e-commerce site. The application will provide users with an interactive interface to manage products, visualize 3D models, and facilitate transactions while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **3D Product Visualization**: Users can view and interact with products in 3D, allowing for a more immersive shopping experience.
2. **Product Management Dashboard**: An intuitive dashboard for managing product listings, inventory, and pricing.
3. **User Authentication**: Secure sign-up and login functionality for users to manage their accounts and orders.
4. **Shopping Cart**: Users can add products to a shopping cart and proceed to checkout seamlessly.
5. **Order Tracking**: Customers can track their orders and view their purchase history.
6. **Responsive Design**: The application will be fully responsive, ensuring a smooth experience across 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 feature a top navigation bar, a central content area for the dashboard and product display, and a sidebar for navigation links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Authentication**: Implement user authentication using a secure method (e.g., Firebase or Auth0).
3. **Build the Dashboard Layout**: Develop the main layout structure with a top navigation bar, central content area, and sidebar.
4. **Integrate 3D Product Viewer**: Use a library like Three.js to enable 3D model visualization for products.
5. **Implement Product Management Features**: Create components for product listings, inventory management, and order tracking.
6. **Ensure Responsiveness**: Utilize Tailwind CSS's utility classes to ensure the application is responsive across all devices.
7. **Testing**: Conduct thorough testing of all features and user flows to ensure a seamless user experience.

## USER EXPERIENCE
Users will be greeted with a clean and intuitive interface upon logging in. The dashboard will provide easy access to product management tools and a dynamic 3D viewer for each product. Users can quickly add items to their cart, view their order history, and track their purchases with minimal clicks, ensuring a streamlined shopping experience. The responsive design will adapt the layout for optimal viewing on both desktop and mobile devices, enhancing accessibility and usability.