Lovable Prompt Creator - AI Prompt Generator

### ## # ### ```markdown
## APPLICATION OVERVIEW
"Real Buy" is a mobile-first web application designed to connect Chinese suppliers with African consumers, starting with Ghana. The platform facilitates a dropshipping and group-buying model, enabling users to browse products, make payments, and track orders seamlessly.

## CORE FEATURES
> > 1. **Product **bold text**### **bold text**### ### # ### **bold text**Browsing**: Users can view a grid of products with images, prices in GHS, and delivery estimates, allowing for easy comparison and selection.
2. **Checkout Process**: A streamlined checkout flow where users enter their details and pay using MTN MoMo or Paystack, ensuring a secure transaction.
3. **Order Tracking**: Customers can track their orders through a public tracking page that updates the status in real-time and provides tracking links.
4. **Admin Dashboard**: An interface for the admin to manage products, orders, and payments, including bulk CSV export and automated SMS notifications.
5. **Supplier Payment System**: Integration with Wise API for seamless payments to suppliers, ensuring efficient transaction processing.

## 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 grid for product listings on the homepage, a detailed product view page, and a simple, user-friendly checkout process.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required but can use React Context or Redux if necessary for managing shared state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new Next.js project with TypeScript and install Tailwind CSS.
2. **Create Database Schema**: Set up Supabase for handling user data, products, and orders.
3. **Develop Frontend Components**:
   - Build the homepage with product grid and search functionality.
   - Create product detail pages to display specifications and pricing.
   - Implement the checkout page with fields for user information and payment integration.
   - Develop the order tracking page with real-time status updates.
4. **Implement Admin Dashboard**:
   - Create a secure admin login page.
   - Build features for product management and order tracking.
   - Integrate the Wise API for supplier payments.
5. **Add Security Features**: Implement Cloudflare Turnstile for bot detection, rate limiting, and other security measures as specified.
6. **Testing**: Perform unit tests for critical components and user flows, including checkout and order tracking.
7. **Deploy**: Host the application on Vercel and ensure all APIs are functioning correctly.

## USER EXPERIENCE
Users will experience a straightforward browsing and purchasing flow. They start on the homepage, search for products, and view details with pricing and delivery information. During checkout, users fill in their information and choose a payment method. After completing their purchase, they can easily track their order status through a dedicated tracking page. Admins will have a separate dashboard to manage the platform efficiently, ensuring a smooth operation.
```