AI Persona Chat is a modern, interactive chat application that allows users to converse with multiple AI personas in real time. The application saves chat history locally, supports Markdown formatting, and provides a smooth, visually appealing interface powered by Tailwind CSS.
This project provides a seamless AI chat experience where users can select different personas, send messages, and get AI-generated responses with live typing animations. Messages are stored in the browser's local storage, ensuring chat history is maintained across sessions. Markdown formatting is supported, allowing rich text rendering directly in the chat window.
- Multiple AI Personas: Chat with various AI characters.
- Local Storage: Persists conversations for each persona.
- Markdown Support: AI messages render bold, italics, code, and preformatted blocks.
- Typing Animation: AI responses appear character by character for realism.
- Delete Chat History: Clear conversation per persona with one click.
- Responsive Design: Works perfectly on desktop and mobile.
- User Avatars: Distinguish between AI and user messages visually.
- Dark Mode Friendly: Uses dark color palette with Tailwind CSS for modern look.
- Frontend: Next.js, React
- Styling: Tailwind CSS
- Icons: Lucide React
- State Management: React hooks (
useState,useEffect,useRef) - Persistence: Browser LocalStorage
- Backend: Next.js API routes (Node.js)
- Clone the repository:
git clone https://github.com/sayandotdev/ai-persona-chat.git
cd ai-persona-chat