ChatBot Tailwind Templates

Chatbot

A real-time AI chatbot using FastAPI, React, and OpenRouter. Features a sleek Tailwind UI with chat persistence via localStorage. Easily extendable for smart assistants or AI integrations.

# šŸ’¬ AI Chatbot with FastAPI + React

This is a full-stack chatbot application that uses OpenRouter AI models with a FastAPI backend and a React frontend. Messages are stored in localStorage to persist chat across refreshes.


✨ Features

  • āœ… Real-time chat using OpenRouter AI
  • āœ… Messages persist after refresh via localStorage
  • āœ… Styled with Tailwind CSS
  • āœ… FastAPI backend for handling chat requests
  • āœ… React frontend with dynamic UI

šŸ“ Project Structure

openrouter-chatbot/ ā”œā”€ā”€ backend/ │ ā”œā”€ā”€ main.py # FastAPI server │ ā”œā”€ā”€ requirements.txt ā”œā”€ā”€ frontend/ │ ā”œā”€ā”€ src/ │ │ ā”œā”€ā”€ App.tsx │ │ ā”œā”€ā”€ components/Chatbot.tsx │ ā”œā”€ā”€ tailwind.config.js │ ā”œā”€ā”€ package.json │ └── ...


Setup and Run the Application

1. Activate the Virtual Environment

For Windows:

.\.env\Scripts\Activate
uvicorn main:app --reload

šŸš€ Getting Started

1. Clone the repository

git clone https://github.com/kanishk-rezol/ChatBot

Top categories

Loading Svelte Themes