Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

πŸ€– Botrix is a full-stack AI chatbot built with React, Tailwind CSS, Firebase, and OpenAI’s LLM Thread API. It provides secure authentication, persistent conversation history, and real-time chat storage powered by Firestore.

Notifications You must be signed in to change notification settings

mwasiq11/Chat-bot-Application

Repository files navigation

form main-page response-page

πŸ€– Botrix – AI Chatbot Application

Botrix is a full-stack AI chatbot built with React, Tailwind CSS, Firebase, and OpenAI’s LLM Thread API. It provides secure authentication, persistent conversation history, and real-time chat storage powered by Firestore.

πŸš€ Features

πŸ”— OpenAI LLM Thread API Integration β†’ Smart, contextual AI conversations

πŸ”‘ Firebase Authentication β†’ Secure signup/login with session management

πŸ’¬ Chat History β†’ Saves prompts & responses in Firestore

πŸƒ Quick Prompt Cards – Suggests common and frequently used prompts

πŸ“ File Attachments – Add attachments in your chat flow

πŸ”„ Threaded Conversations β†’ Continue previous discussions seamlessly

🎨 Modern UI β†’ Responsive and elegant interface with React + Tailwind CSS

⚑ Real-Time Database β†’ Instant updates with Firebase Firestore

πŸ› οΈ Tech Stack

Frontend: React, Tailwind CSS, JavaScript

Backend/Database: Firebase Firestore

Authentication: Firebase Auth

AI Engine: OpenAI LLM Thread API

🏠 Dashboard with Prompt Cards

πŸ’¬ Chat Interface

Persistent history sidebar

Smart AI responses

File attachments support

πŸ“‚ Project Structure

β”œβ”€β”€ src/ β”‚ β”œβ”€β”€ components/ # Reusable UI components β”‚ β”œβ”€β”€ pages/ # App pages (Login, Chat, History, etc.) β”‚ β”œβ”€β”€ firebase/ # Firebase config & services β”‚ β”œβ”€β”€ utils/ # Helper functions β”‚ └── App.jsx # Main App component β”œβ”€β”€ public/assets # Static assets β”œβ”€β”€ package.json └── README.md

⚑ Getting Started

  1. Clone the Repository git clone https:github.com/mwasiq11/Chat-bot-Application/tree/main cd botrix

  2. Install Dependencies npm install

  3. Setup Firebase

Create a Firebase project

Enable Firestore & Authentication

Add your Firebase config to firebaseConfig.js

  1. Setup OpenAI API

Get your API key from OpenAI

Add it to your .env file:

VITE_OPEN_AI_API_KEY=your_api_key_here VITE_ASSISTENT_ID=your_assistant_id_here

  1. Run the Application npm run dev

πŸ” Authentication Flow

Users sign up or log in via Firebase Auth

Each user’s chats are saved under their unique UID

Conversations are persisted in Firestore for history access

🀝 Contribution

Contributions are welcome! Fork this repo and submit a PR with improvements.

About

πŸ€– Botrix is a full-stack AI chatbot built with React, Tailwind CSS, Firebase, and OpenAI’s LLM Thread API. It provides secure authentication, persistent conversation history, and real-time chat storage powered by Firestore.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /