CodeGenie ✨🧞‍♂️

CodeGenie is an AI-powered virtual assistant that helps users to understand and tackle the DSA problems step-by-step (via DSA Guide - RAG based chatbot) and to interact with intelligent chat responses, generate code snippets, and maintain persistent chat histories — all within a clean and responsive React interface.

🔮 Features

• 🧞‍♂️ DSA Guide – A RAG system which supports users to understand DSA problems step by step (powered by Gemini api + vector databases).
• 🧠 AI-Powered Chat – Integrates with a backend AI model (e.g., Gemini, GPT, etc.) for natural language interaction.
• 💬 Formatted Responses – Supports Markdown with syntax-highlighted code blocks using react-markdown and highlight.js.
• 💾 Persistent Chat History – Messages are saved per session using localStorage, with support for multiple conversations.
• 🌈 Modern UI – Responsive React + TailwindCSS layout with colorful gradients and minimalistic design.
• 📎 Attachment Redirect – UI includes attach/send icons, and attachment button can be customized for navigation.

🛠 Tech Stack

• ⚛️ React – Frontend library

• 🎨 Tailwind CSS – Styling framework

• 🧞‍♂️ FastAPI (optional) – Backend server (for Gemini/OpenAI integrations)

• 📝 React Markdown + Highlight.js – Renders formatted messages with syntax-highlighted code blocks

🧠 Future Improvements

• 🔍 Search past chats

• 🔐 User login and saved conversations

• 📱 Mobile layout enhancements