BeyondChats Chatbot UI

This is a Next.js project that implements a mobile-responsive UI for setting up a chatbot.

🚀 Features

✅ User Authentication (Email & Google)
✅ Email Verification UI
✅ Organization Setup (Auto Meta Description Fetch)
✅ Web Scraping Progress UI
✅ Chatbot Integration & Testing
✅ Integration Success & Failure UI (With Confetti 🎉)
✅ Fully Responsive (Mobile & Desktop)
✅ Smooth Transitions & Animations

📂 Folder Structure

beyondchats-ui/ │── components/ │ ├── AuthForm.js │ ├── VerifyEmail.js │ ├── SetupOrganization.js │ ├── ScrapingProgress.js │ ├── WebpageDataChunks.js │ ├── ChatbotIntegration.js │ ├── IntegrationSuccess.js │── pages/ │ ├── index.js // Authentication Page │ ├── verify.js // Email Verification Page │ ├── setup.js // Organization Setup │ ├── scraping.js // Web Scraping Progress │ ├── integration.js // Chatbot Integration │ ├── success.js // Integration Success Page │── styles/ │ ├── globals.css // Global styles │── public/ │ ├── favicon.ico // Website Icon │── README.md // Project Documentation │── package.json // Dependencies │── next.config.js // Next.js Config

🛠️ Tech Stack

• ReactJS (Next.js)
• Tailwind CSS
• Confetti.js
• Firebase Authentication

🚀 Deployment

Live project URL: https://beyondchats-ui.vercel.app

⚡ Running Locally

git clone https://github.com/yourgithub/beyondchats-ui.git
cd beyondchats-ui
npm install
npm run dev