My Chat Bot

A modern, optimized chat application with OpenRouter.ai integration for direct chat with various AI models. Offers ChatGPT-like functionality with local storage and advanced features.

Nuxt3Vue3TypeScriptPiniaTailwindOpenRouterAIChat

Key Features

Explore the main features and functionalities

AI Chat

Chat directly with various AI models through an intuitive user interface

Conversation Management

Manage multiple conversations like ChatGPT with automatic saving

Model Selection

Choose between available Ollama models for different use cases

Real-time Streaming

Real-time responses with Server-Sent Events for smooth communication

Local Storage

Conversations are securely stored in the browser without external dependencies

Modern UI

Beautiful, responsive user interface with Tailwind CSS and Dark Mode

Built With

Technologies and frameworks used in this project

Frontend Framework

Nuxt 4

Modern Vue.js framework with SSR capabilities, automatic routing, and enhanced performance optimization

Frontend Library

Vue 3

Progressive JavaScript framework with Composition API and reactive data binding

Type Safety

TypeScript

Strict type checking, improved code reliability, and better developer experience

State Management

Pinia

Modern state management store for Vue with intuitive API and TypeScript support

Styling

Tailwind CSS

Utility-first CSS framework with custom configuration and responsive design patterns

AI Integration

OpenRouter.ai

Access to various AI models through a unified API interface

Code Highlighting

Highlight.js

Syntax highlighting for code blocks in chat messages with support for multiple programming languages

Markdown Parsing

Marked

Fast markdown parser and compiler for rendering formatted text and code in chat responses

Ready to Experience AI Chat?

Try My Chat Bot today and discover the power of local AI models with an intuitive chat interface.

Start Demo