BubbleChat

A modern web application that provides a unified chat interface for various AI APIs, built with Vue.js and Tailwind CSS.

Features

• Multi-API support for different AI providers
• Markdown rendering with code highlighting
• Clean and responsive chat interface
• Session management
• Internationalization support
• Settings customization
• Modern avatar-based chat UI

Tech Stack

• Vue.js 3
• Tailwind CSS
• Vite
• Features:
  • marked (Markdown parsing)
  • highlight.js (Code syntax highlighting)
  • DOMPurify (Security)
  • dayjs (Date formatting)

Installation

# Clone the repository
git clone [repository-url]
cd bubblechat

# Install dependencies
npm install

Development

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Usage

1. Configure your API settings
2. Create a new chat session
3. Start chatting with your preferred AI model