Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Amar Pratas is an e-commerce web application designed to sell silver jewelry, including necklaces, bracelets, rings, and earrings. The platform will allow users to easily browse products, while administrators can update images and pricing. The application will feature secure authentication and a streamlined payment process to ensure a smooth user experience.

## CORE FEATURES
1. **Product Catalog**: A dynamic display of silver jewelry items with images, descriptions, and prices. Users can filter and search through categories.
2. **Admin Dashboard**: A secure area for administrators to log in and manage product listings, including adding, editing, or removing items and updating pricing.
3. **User Authentication**: Secure login and registration system for users and admins to protect sensitive information and maintain control over product management.
4. **Shopping Cart**: Users can add products to a cart, view their selections, and proceed to checkout seamlessly.
5. **Payment Processing**: Integration with a payment gateway to facilitate secure transactions when users complete their purchases.
6. **Responsive Design**: Optimized layout for various devices, ensuring a consistent shopping experience across mobile and desktop platforms.

## 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 hero section showcasing featured products, a product grid, and a footer with contact information. The admin dashboard will have a sidebar for navigation, a main content area for product management, and clear call-to-action buttons for adding or editing products.

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

## IMPLEMENTATION STEPS
1. Set up the React project with TypeScript and install necessary libraries (React Router, Tailwind CSS, shadcn/ui).
2. Create the main application layout, including the header, footer, and main content area.
3. Implement the product catalog component, fetching data from a mock API or local JSON file.
4. Develop the admin dashboard, including forms for adding and editing products.
5. Set up user authentication functionality, including registration, login, and protected routes for admin access.
6. Integrate a payment processing solution (such as Stripe) for handling transactions securely.
7. Ensure responsive design across all components and test on various devices.

## USER EXPERIENCE
Users will begin their journey on the homepage, where they can see highlighted products and easily navigate to different categories. Upon clicking a product, they will be taken to a detailed view with options to add items to their shopping cart. Admin users will have a straightforward dashboard for managing products, with intuitive forms for editing details. The checkout process will be simple and secure, providing users with confirmation of their orders through email.