Material AI Chat

Overview

A small modern AI chat web application demo built with React, Vite, TypeScript, and Material UI. This project implements a chat interface similar to ChatGPT, allowing users to have interactive conversations with AI models.

The app uses OpenRouter API to connect with Mistral 7B Instruct(free) and supports responsive design for various devices.

Features

• AI Integration

  • OpenRouter API support for AI model access
  • Streaming responses for real-time conversation feel
  • Contextual conversation support with message history

• User Interface

  • Clean, modern UI inspired by ChatGPT
  • Built with Material UI components
  • Fully responsive design for desktop and mobile

• Technical Highlights

  • React Function Components and Hooks architecture
  • TypeScript for type safety
  • Fast development with Vite
  • Default support for Mistral 7B Instruct model

Getting Started

# Clone the repository
git clone https://github.com/deventw/material-ai-chat.git

# Navigate to project directory
cd material-ai-chat

# Install dependencies
yarn install

# Start development server
yarn dev

Visit http://localhost:5173 to view the application, and setup the api key from OpenRouter API, enjoy.

Preview