Skip to content

yokeshbaskaran/chatai

Repository files navigation

🤖 ChatAI – Your Smart AI Assistant

A modern full-stack AI chatbot application where users can chat with clean UI/UX and responsive interface. Built with React + TypeScript, powered by modern APIs, and deployed with scalable cloud infrastructure.

🚀 Features

  • 💬 Real-time AI chat experience
  • 🧠 Context-aware conversations
  • 📱 Fully responsive design (mobile + desktop)
  • 🎨 Modern ChatGPT-inspired UI/UX
  • 🌙 Dark mode friendly interface
  • 📂 Chat history management
  • 🚀 CI/CD deployment workflow

🎨 Project Description

ChatAI is a modern AI-powered assistant built to deliver smooth and intelligent conversations through a beautiful user interface.

Users can:

  • Chat with AI in real time
  • Manage conversations seamlessly
  • Experience optimized performance with caching and state management
  • Use the app across desktop and mobile devices

This project demonstrates:

  • Frontend architecture using React + TypeScript
  • API integration with AI providers
  • Production-ready deployment practices
  • Scalable UI/UX design principles

🛠️ Tech Stack

  • React.js
  • TypeScript
  • Tailwind CSS
  • React Icons
  • React Router DOM
  • OpenAI / Groq APIs
  • Hosting: Vercel

📦 Installation & Setup

Clone the repository

git clone https://github.com/yokeshbaskaran/chatai.git
cd chatai

Install dependencies & Run the development server

npm install
npm run dev

Other Dependencies used:

npm install tailwindcss @tailwindcss/vite
npm i framer-motion
npm install react-icons --save
npm install react-router-dom
npm install framer-motion
npm run dev -- --host # For Mobile view:

🌐 Live Demo

🔗 Live Website: https://chatai-assistant.vercel.app

🖼️ Preview

Image

👨‍💻 Author

Developed by Yokesh Baskaran 🚀

About

Chatbot application with AI-generated responses using modern web technologies.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors