Chatbot Frontend

A modern, responsive chatbot interface built with React and Vite.

Overview

This project provides a user-friendly chat interface that connects to a backend chatbot service. It features a clean design, real-time messaging capabilities, and an intuitive user experience.

Features

• Real-time chat interface
• Message history and persistence
• Responsive design for desktop and mobile
• User authentication (optional)

Technologies

• React 19
• Vite 6
• Redux Toolkit for state management
• TailwindCSS v4 for styling
• JavaScript
• React Router v7 for navigation
• Axios for API requests
• React Markdown for content rendering

Getting Started

Prerequisites

• Node.js 14.x or higher
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/chatbot-fe.git
cd chatbot-fe

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:5173

Deployment

To build the project for production:

npm run build
# or
yarn build

This will generate a dist directory with optimized production-ready files.

License

This project is licensed under the MIT License - see the LICENSE file for details.