A fast, clean AI chat interface powered by modern language models — built for real conversations.
- Conversational AI — Context-aware chat with smooth, streaming responses
- Markdown Rendering — Full support for code blocks, lists, and rich text output
- Syntax Highlighting — Code responses rendered with highlight.js
- Chat History — Persistent sessions via Firebase for returning users
- LRU Caching — Optimized API call efficiency with smart response caching
- Authentication — Secure user accounts powered by Firebase Auth
- Responsive Design — Pixel-perfect across desktop and mobile
| Layer | Technology |
|---|---|
| Framework | React 19 + Vite |
| Styling | Tailwind CSS v4 |
| Routing | React Router v7 |
| Backend / Auth | Firebase v12 |
| AI Rendering | react-markdown + remark-gfm |
| Syntax Highlighting | highlight.js + rehype-highlight |
| Icons | Lucide React |
| Deployment | Vercel |
src/
├── api/ # AI model API handlers
├── components/ # Reusable UI components
├── constants/ # App-wide constants and config
├── context/ # React context providers
├── layouts/ # Page layout wrappers
├── pages/ # Route-level page components
├── services/ # Firebase and external services
└── utils/ # Helper functions
# Install dependencies
npm install
# Add your environment variables
cp .env.example .env
# Start the development server
npm run dev
Built by Yasser 811