🤖 AI Chatbot Web App

An intelligent, user-friendly chatbot web app powered by the OpenAI API with real-time database integration using Firebase. Built with a sleek interactive dashboard, product carousel, and QR metadata preview functionality, this app bridges AI communication with a modern UI/UX experience.

View Demo


🚀 Features

🔷 AI Chatbot with Firebase

  • Chat interface powered by OpenAI's GPT-3.5/4 model
  • User authentication via Firebase Auth
  • Real-time message sync and chat history with Firestore

🎛️ Interactive Dashboard

  • Clean, responsive dashboard layout
  • Tracks user interactions and product previews
  • Integrated chatbot as a module in the dashboard

🖼️ Product Carousel with Description

  • Scrollable product carousel UI
  • Displays detailed metadata and AI-generated info per product

📱 QR & Metadata Preview

  • Scan QR to view product info
  • Preview data pulled dynamically and shown in AI-friendly format
  • Metadata generation using backend logic or AI prompts

🛠️ Tech Stack

Layer Technology
Frontend React / React Native
AI OpenAI GPT-3.5/4
Backend Firebase
Database Firebase Firestore
Auth Firebase Authentication
Styling Tailwind CSS / CSS

📸 Screenshots

(Attach these once you upload the images — I'll insert the links below)

  • Interactive Dashboard
    Dashboard

  • Product Carousel
    Carousel

  • Chatbot UI
    Chatbot

  • QR & Metadata Preview
    QR Preview


⚙️ How to Run Locally

# Clone the repository
git clone https://github.com/neupanekiran/project.git
cd project

# Install dependencies
npm install

# Start the development server
npm start
Share this project:

Updates