LLM Chat UI

A React-based chat interface for conversational AI training modules built with Material-UI.

Prerequisites

• Node.js (version 16 or higher)
• npm (comes with Node.js)

Installation

1. Clone the repository:

git clone <repository-url>
cd llm-chat-ui

2. Install dependencies:

npm install

Running Locally

Start the development server:

npm run dev

The application will be available at http://localhost:5173

Features

• Module-based navigation with completion tracking
• Persistent chat history across sessions
• Real-time message interface
• Responsive Material Design UI

Project Structure

src/
├── components/
│   ├── chat.tsx          # Chat interface component
│   ├── module.tsx        # Module navigation sidebar
│   ├── MainLayout.tsx    # Main application layout
│   └── SessionContext.tsx # Session state management
├── App.tsx               # Application routing
└── main.tsx             # Application entry point

Built With

• React
• TypeScript
• Material-UI
• React Router
• Vite