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

🤖 A full-stack AI chatbot built with React, Tailwind CSS, JavaScript, HTML, and Python featuring intelligent API integration, real-time messaging, and a sleek, responsive interface.

Notifications You must be signed in to change notification settings

markdennis2121/ChatBot

Repository files navigation

markdown

🤖 AI Chatbot – Full-Stack Conversational Assistant

A full-stack chatbot application built with React, Tailwind CSS, and JavaScript on the frontend, and Python on the backend. It integrates with AI APIs to deliver intelligent, real-time responses in a sleek, responsive interface.


🚀 Features

  • 💬 Real-time chat interface with user-friendly design
  • 🧠 AI integration via OpenAI, Gemini, or Hugging Face APIs
  • 🔐 Secure backend with environment-based API key handling
  • 🌐 JSON-based communication between frontend and backend
  • 🎨 Responsive UI styled with Tailwind CSS
  • 📜 Message history and loading indicators

🛠 Tech Stack

  • Frontend: React, JavaScript, HTML, Tailwind CSS
  • Backend: Python (FastAPI or Flask)
  • API: OpenAI / Gemini / Hugging Face (customizable)
  • Deployment: Netlify (frontend), Render or Railway (backend)

▶️ How to Run

🔧 Backend

cd backend
python -m venv venv
source venv/bin/activate # or venv\Scripts\activate on Windows
pip install -r requirements.txt
python main.py
💻 Frontend
bash
cd frontend
npm install
npm start

About

🤖 A full-stack AI chatbot built with React, Tailwind CSS, JavaScript, HTML, and Python featuring intelligent API integration, real-time messaging, and a sleek, responsive interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /