An open-source AI chat application designed for seamless user interactions and efficient AI-driven conversations.

Experience Chatbot UI in action: Live Demo

I have customized and enhanced the Chatbot UI, an AI-driven conversational platform that streamlines interactions and provides an intuitive user experience. This project features:

✅ Responsive and Adaptive UI – Designed for both desktop and mobile users.
✅ Supabase Integration – Leveraging a scalable PostgreSQL database for data persistence.
✅ Next.js Framework – Ensuring smooth and efficient performance.
✅ Easy Deployment – Compatible with local and cloud hosting platforms like Vercel.
✅ Secure Data Handling – Improved authentication mechanisms and storage solutions.

I have incorporated key improvements based on user feedback:

• Simplified Deployment – Streamlined setup for quick installation.
• Enhanced Backend Compatibility – Ensuring smooth integration with multiple platforms.
• Optimized Mobile Layouts – Improving usability on smartphones and tablets.

Stay tuned for further updates! 🚀

Follow these steps to set up Chatbot UI on your local machine:

git clone https://github.com/your-github-username/chatbot-ui.git
cd chatbot-ui

npm install

Supabase offers:

• Secure data storage
• Scalable database management
• Open-source, PostgreSQL-based backend

• Docker – Download Here
• Supabase CLI

MacOS/Linux:

brew install supabase/tap/supabase

Windows:

scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabase

supabase start

cp .env.local.example .env.local

Retrieve necessary credentials using:

supabase status

Fill in the .env.local file with the retrieved values.

Follow these instructions for local model integration.

npm run chat

Your instance will be available at http://localhost:3000.

• Create a new project on Supabase.
• Obtain Project Ref, Project ID, API Keys (found in "Settings" → "API").
• Update the migration file supabase/migrations/20240108234540_setup.sql with:
  • project_url (Use the value from Supabase)
  • service_role_key

Login to Supabase:

supabase login
supabase link --project-ref <your-project-id>
supabase db push

• Create a new project on Vercel.
• Import your GitHub repository and set up environment variables:
  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • SUPABASE_SERVICE_ROLE_KEY
  • (Optional) API keys for OpenAI/Azure OpenAI.
• Click Deploy and get your hosted chatbot URL.

This project is open for contributions! If you’d like to enhance Chatbot UI further, feel free to submit a pull request.

For queries, discussions, or collaboration opportunities, reach out to me on GitHub.