Bharatiya Bazaar 🇮🇳

An AI-Powered Marketplace for Artisans (Frontend Prototype)
A React.js frontend prototype built to showcase the UI/UX and core features of Bharatiya Bazaar.
This is a submission for the Google Gen AI Exchange Hackathon.

⚠️ Note: This is the frontend prototype. AI assistant features and payment flows are functional using mock data. Full production will connect these features to the backend, database, and live APIs.

---

Live Demo

Check out the live demo here: Bharatiya Bazaar Live

🎥 Demo Video

📂 Project Structure

frontend/
├── src/
│   ├── App.css                # Global styles
│   ├── App.jsx                # Root component
│   ├── index.css              # Base styles
│   ├── main.jsx               # Application entry point
│   ├── assets/                # Static resources
│   │   ├── animations/        # Lottie animation JSON files
│   │   ├── images/            # All images (art, jewelry, pottery, etc.)
│   │   └── videos/            # Video assets
│   ├── bottom/                # Tradition-related components
│   ├── components/            # Reusable UI components
│   │   ├── checkout/          # Checkout & Payment components
│   │   ├── chatbot/           # Chatbot component
│   │   ├── header/            # Header component
│   │   ├── hero/              # Hero section
│   │   ├── orders/            # Order confirmation page
│   │   └── ...                # Other shared UI (AboutPage, Auth, Sidebar, etc.)
│   ├── features/              # Feature-specific modules
│   │   ├── components/        # Category & product listing components
│   │   ├── customer-dashboard # Customer-side dashboard (cart, favorites, messages, etc.)
│   │   └── seller-dashboard   # Seller-side dashboard (analytics, growth assistant, products, etc.)
└── vite.config.js             # Vite configuration

Home Page

Shop Page

Product Page

Seller Dashboard

Ai Growth assistant for Sellers

Payment Gateway's and Order Confirmation

Team Details

---

✨ Vision

Bharatiya Bazaar aims to digitally empower India's local artisans by providing a beautiful, AI-driven marketplace.

Even in this prototype, the focus is on:

• Displaying a rich catalog of Indian crafts
• Creating an immersive, interactive shopping experience
• Demonstrating the AI Growth Assistant UI

---

🚀 Key Features (Frontend Prototype)

1️⃣ Interactive & Immersive Marketplace

• Dynamic Product Grid: Browse a visually-rich catalog of products.
• Shop by Region Filter: Filter crafts based on their geographical origin.
• Detailed Product Pages: Placeholder UI for descriptions, pricing, and artisan info.

---

2️⃣ Seller Hub (Frontend UI)

• Product Management UI: Table layout to view inventory.
• Add New Crafts Modal: Form design for adding products.
• Responsive UI: Dynamic updates simulated for frontend demo.

---

3️⃣ AI Growth Assistant 🧠

• Customer AI Chat UI: Context-aware chat interface for product pages.
• Seller AI Chat UI: Business assistant UI in seller dashboard.
• Future Scope: Ready-to-integrate full AI functionality for marketing, pricing, and optimization suggestions.

---

🛠️ Tech Stack (Frontend Prototype)

• Framework: React.js (Vite)
• Styling: Tailwind CSS
• Routing: React Router DOM
• State Management: React Context / Hooks
• UI Enhancements: Custom CSS animations, responsive design
• **Deployment:**Render

⚠️ Backend, database, payments, and AI integrations are not included in this prototype.

---

🏆 Hackathon Submission

This frontend prototype is submitted for the Google Gen AI Exchange Hackathon, demonstrating UI/UX and core features of Bharatiya Bazaar.

💡 Future Improvements (Frontend + Full Stack)

• Connect frontend to Node.js backend
• Integrate MongoDB for real data
• Implement Google Gemini AI for AI assistant features
• Integrate own LLM model with Gemini/Vertex AI for precise AI outputs across the platform
• Add Razorpay for payment functionality
• Enhance analytics & reporting for sellers