🔗 Live URL: [link]
This is the frontend interface for Rakezt‑Bot, a conversational AI assistant built using the Gemini API. Users can log in, chat in a clean, responsive interface, and view real-time AI replies powered by markdown rendering and message persistence.
- 🔐 JWT Authentication (Login + Logout)
- 💬 Real-time Chat UI with Markdown & Code Block rendering
- 🧠 AI Response Integration with Gemini API
- 📜 Message History fetched from backend per user
- 🎨 Professional Design with Material UI
- 📱 Responsive Layout for all screen sizes
| Layer | Technology |
|---|---|
| Framework | Next.js |
| Language | TypeScript |
| UI Library | Material UI (MUI) |
| HTTP Client | Axios with Authorization |
| Markdown | react-markdown with custom renderers |
| Storage | localStorage for token |
- User logs in with JWT authentication
- User sends a message via the chat interface
- Message gets saved to chat history and forwarded to Gemini
- Bot reply appears in markdown format with timestamps
- Chat auto-scrolls to keep the user focused