diff --git a/FEATURES.md b/FEATURES.md
new file mode 100644
index 0000000..6a32c5c
--- /dev/null
+++ b/FEATURES.md
@@ -0,0 +1,399 @@
+# ProgChain Features Documentation
+
+## Overview
+ProgChain is an AI-powered learning platform that helps developers learn programming concepts and create structured learning paths. It provides personalized learning experiences through multiple learning modes powered by AI.
+
+---
+
+## 🎯 Core Features
+
+### 1. **Topic Explorer** - Interactive Learning Paths
+
+**What it does**: Generates hierarchical learning paths for any programming topic with difficulty-based progression.
+
+**Key Features**:
+- **Hierarchical Topic Trees**: Topics are organized in chains (e.g., Python → Async Programming → Asyncio)
+- **Difficulty Levels**: Each subtopic is categorized as Easy, Medium, or Hard
+- **AI-Generated Content**: Uses OpenAI to generate relevant subtopics and descriptions
+- **Visual Learning Path**: Frontend displays topics in an interactive flowchart/tree structure
+- **Topic Chains**: Persistent learning paths that can be saved and resumed
+
+**API Endpoints**:
+- `POST /topics/generate` - Generate subtopics for a given topic path
+- `POST /topics/create-topic-chain` - Create a new topic learning chain
+
+**Database Models**:
+- `TopicChain`: Represents a complete learning journey
+- `BaseTopic`: Main topic in the chain
+- `SubTopic`: Specific concepts with difficulty ratings
+
+**Example Use Case**:
+```
+User asks: "Python"
+→ System generates: Beginner (Variables, Functions), Intermediate (Classes, Decorators), Advanced (Metaclasses, Async)
+→ User selects: "Async Programming"
+→ System generates deeper subtopics for async programming
+```
+
+**Frontend Component**: `client/src/components/topics/TopicChain.tsx`
+
+---
+
+### 2. **Explore Mode** - Conversational Learning Assistant
+
+**What it does**: Interactive Q&A system where users can explore any programming topic through conversation.
+
+**Key Features**:
+- **Research Assistant**: AI acts as a programming tutor
+- **Chat History**: Maintains conversation context across sessions
+- **Follow-up Questions**: Ask clarifying questions on any topic
+- **Multi-Model Support**: Choose between different OpenAI models (GPT-4, GPT-3.5)
+- **Vector Store Integration**: Uses FAISS for semantic search and context retrieval
+- **Conversation Management**: Save, list, and delete exploration sessions
+
+**API Endpoints**:
+- `POST /explore/topic` - Start exploring a new topic
+- `POST /explore/question` - Ask a follow-up question in an existing chat
+- `POST /explore/chats/list` - Get all saved exploration chats
+- `GET /explore/chat/{chat_id}` - Retrieve a specific chat session
+- `DELETE /explore/chat/{chat_id}` - Delete a chat session
+
+**Database Models**:
+- Chat sessions with full conversation history
+- Message storage with timestamps
+
+**Frontend Component**: `client/src/components/explore/Explore.tsx`
+
+**Example Flow**:
+```
+User: "Explain how Python decorators work"
+→ AI provides detailed explanation
+User: "Can you show me a practical example?"
+→ AI provides code examples
+User: "How do I create a decorator with arguments?"
+→ AI provides advanced examples
+```
+
+---
+
+### 3. **Learning Threads** - Structured Content Generation
+
+**What it does**: Creates multi-part learning content organized as threads with individual content pieces.
+
+**Key Features**:
+- **Thread Creation**: Generate complete learning paths on any topic
+- **Content Organization**: Each thread contains multiple content pieces
+- **Progressive Learning**: Content is organized sequentially
+- **Interactive Chat**: Ask questions about specific content pieces
+- **Content Expansion**: Generate additional content for existing threads
+
+**API Endpoints**:
+- `POST /threads/create` - Create a new thread and generate initial content
+- `POST /threads/generate` - Generate more content for an existing thread
+- `GET /threads/` - List all threads
+- `GET /threads/{thread_id}` - Get all content for a specific thread
+- `POST /threads/chat` - Chat about specific thread content
+- `GET /threads/chat/{thread_content_id}` - Get chat history for content
+- `POST /threads/chat/stop` - Stop ongoing chat generation
+
+**Database Models**:
+- `Thread`: Main learning topic container
+- `ThreadContent`: Individual learning content pieces
+- `ThreadContentChat`: Q&A sessions about specific content
+
+**Frontend Component**: `client/src/components/thread/Thread.tsx`
+
+**Example Use Case**:
+```
+User creates thread: "Advanced React Patterns"
+→ System generates content:
+  1. Render Props Pattern
+  2. Higher-Order Components
+  3. Custom Hooks Pattern
+  4. Compound Components
+→ User clicks on "Custom Hooks Pattern"
+→ User asks: "When should I use custom hooks vs regular functions?"
+→ AI provides contextual explanation
+```
+
+---
+
+## 🎨 Frontend Features
+
+### UI Components
+
+**Modern Design System**:
+- Dark mode by default
+- Radix UI components (accessible, customizable)
+- Tailwind CSS for styling
+- Framer Motion for animations
+- Responsive layouts
+
+**Key UI Features**:
+1. **Sidebar Navigation**: Quick access to all features
+2. **Streaming Responses**: Real-time AI response display
+3. **Markdown Rendering**: Rich text formatting with code highlighting
+4. **Math Rendering**: LaTeX support via KaTeX
+5. **Code Syntax Highlighting**: Beautiful code blocks
+6. **Interactive Flows**: Visual node-based topic exploration
+7. **Loading Animations**: Custom AI thinking animations
+8. **Toast Notifications**: User feedback system
+
+### Frontend Routes
+
+```
+/                  → Explore Mode (default)
+/explore           → Conversational Learning
+/topics            → Topic Explorer
+/threads           → Learning Threads
+/history           → Chat History
+```
+
+---
+
+## 🔧 Technical Architecture
+
+### Backend Stack
+
+**Framework**: FastAPI (Python 3.11+)
+- Async/await throughout
+- Type hints with Pydantic
+- Automatic API documentation (Swagger/OpenAPI)
+- Server-Sent Events (SSE) for streaming
+
+**AI Integration**:
+- **OpenAI API**: GPT-4, GPT-3.5 for content generation
+- **LangChain**: Orchestration framework
+- **LangGraph**: Advanced AI workflows
+- **FAISS**: Vector similarity search
+
+**Database**:
+- **SQLite** with async support (aiosqlite)
+- SQLAlchemy ORM (async)
+- Database models with mixins (timestamps, public IDs)
+
+### Frontend Stack
+
+**Framework**: React 18 + TypeScript
+- Vite for build tooling
+- React Router for navigation
+- Redux Toolkit for state management
+
+**UI Libraries**:
+- Radix UI primitives
+- Tailwind CSS
+- shadcn/ui components
+- Framer Motion animations
+- Lucide React icons
+
+**Rendering**:
+- React Markdown for content
+- Syntax highlighting
+- Math rendering (KaTeX)
+
+---
+
+## 🌟 Unique Selling Points
+
+### 1. **Multi-Modal Learning**
+ProgChain offers different learning approaches:
+- Topic exploration (structured)
+- Conversational learning (flexible)
+- Thread-based learning (sequential)
+
+### 2. **AI-Powered Personalization**
+- Content adapts to user's learning path
+- Difficulty levels automatically adjusted
+- Context-aware responses
+- Follow-up question support
+
+### 3. **Real-Time Streaming**
+- No waiting for complete responses
+- Progressive content loading
+- Better user experience
+- Efficient resource usage
+
+### 4. **Comprehensive Coverage**
+- Any programming language
+- Any framework or technology
+- Theoretical concepts
+- Practical examples
+
+---
+
+## 📊 Feature Comparison
+
+| Feature | ProgChain | Stack Overflow | Coursera |
+|---------|-----------|----------------|----------|
+| AI-Powered Q&A | ✅ | ❌ | ❌ |
+| Topic Exploration | ✅ | ❌ | ✅ |
+| Streaming Responses | ✅ | ❌ | ❌ |
+| Personalized Paths | ✅ | ❌ | ✅ |
+| Free to Use | ✅* | ✅ | Partial |
+
+*Requires OpenAI API key
+
+---
+
+## 🎓 Learning Workflows
+
+### Beginner Workflow
+```
+1. Start with Explore Mode
+   → Ask: "What is Python?"
+   → Get foundational explanation
+
+2. Use Topic Explorer
+   → Generate learning path for Python
+   → Follow beginner → intermediate → advanced
+
+3. Review with Threads
+   → Create structured content
+   → Study systematically
+```
+
+### Intermediate Workflow
+```
+1. Create Learning Thread
+   → Topic: "Advanced JavaScript Patterns"
+   → Get structured multi-part content
+
+2. Deep Dive with Explore Mode
+   → Ask specific questions
+   → Get detailed explanations
+
+3. Build Knowledge Base
+   → Save important conversations
+   → Create topic chains
+```
+
+### Advanced Workflow
+```
+1. Thread-Based Learning
+   → Create comprehensive topic threads
+   → Study each section systematically
+
+2. Specialized Topics
+   → Explore cutting-edge concepts
+   → Generate custom learning paths
+   → Deep technical discussions
+```
+
+---
+
+## 🔮 Future Feature Possibilities
+
+Based on the current architecture, here are potential features:
+
+### Planned/In Development
+1. **User Authentication** - Personal accounts
+2. **Progress Tracking** - Learning analytics
+3. **Code Execution** - Run code in browser
+4. **Collaborative Learning** - Share with others
+5. **Spaced Repetition** - Memory retention
+
+### Technical Enhancements
+1. **PostgreSQL Migration** - Better scalability
+2. **Redis Caching** - Faster responses
+3. **Rate Limiting** - Fair usage
+4. **Multi-Language Support** - i18n
+5. **Mobile App** - React Native
+
+### Learning Features
+1. **Quiz Generation** - Test knowledge
+2. **Code Challenges** - Practice problems
+3. **Video Integration** - Multimedia learning
+4. **Peer Review** - Community feedback
+5. **Flashcards** - Quick review
+
+---
+
+## 💡 Use Cases
+
+### 1. **Self-Taught Developers**
+- Learn new languages systematically
+- Get instant answers to questions
+- Build structured knowledge
+
+### 2. **Professional Development**
+- Learn new frameworks quickly
+- Stay current with technology
+- Deep dive into specific topics
+
+### 3. **Students**
+- Supplement coursework
+- Get additional explanations
+- Practice for exams
+
+### 4. **Technical Writers**
+- Research topics thoroughly
+- Generate structured content
+- Understand complex concepts
+
+---
+
+## 🎯 Getting Started
+
+### Quick Start
+1. **Explore Mode**: Ask any programming question
+2. **Topic Explorer**: Enter a technology you want to learn
+3. **Threads**: Generate structured learning content
+
+### Best Practices
+- Start broad, then go deep
+- Use multiple learning modes
+- Save important conversations
+- Follow difficulty progressions
+
+---
+
+## 📈 Feature Metrics
+
+### Current Capabilities
+- **3 Main Learning Modes**
+- **9+ API Endpoints**
+- **35+ Frontend Components**
+- **Multiple AI Models Supported**
+- **Unlimited Topics Coverage**
+- **Real-time Streaming**
+- **Vector Search Enabled**
+
+---
+
+## 🔗 Feature Dependencies
+
+```
+Core Infrastructure:
+├── FastAPI (Backend)
+├── React (Frontend)
+├── OpenAI API (AI)
+└── SQLite (Database)
+
+Learning Features:
+├── Topic Explorer
+│   ├── AI Generation
+│   ├── Difficulty Rating
+│   └── Visual Display
+│
+├── Explore Mode
+│   ├── Conversation AI
+│   ├── Vector Search
+│   └── Chat History
+│
+└── Threads
+    ├── Content Generation
+    ├── Thread Management
+    └── Interactive Chat
+```
+
+---
+
+## 📝 Summary
+
+ProgChain is a focused AI-powered learning platform that combines:
+- **Structured learning** (Topic Explorer, Threads)
+- **Conversational learning** (Explore Mode)
+- **Modern technology** (Real-time streaming, Vector search)
+- **Flexible architecture** (Extensible, modular)
+
+It's designed to help developers at all levels learn more effectively by providing multiple learning modes, AI assistance, and personalized experiences focused on deep understanding and structured knowledge building.
diff --git a/README.md b/README.md
index 1d01418..e1a7ec5 100644
--- a/README.md
+++ b/README.md
@@ -7,9 +7,7 @@ This project is a comprehensive full-stack learning platform I've built to help
 
 - **Interactive Concept Exploration**: Users can ask questions about programming topics and follow a guided learning path that branches based on their interests.
 - **Topic Learning Journeys**: The platform generates personalized learning paths for any programming concept, organized by difficulty level.
-- **Technical Interview Preparation**: Practice with AI-generated interview questions tailored to specific technologies and difficulty levels.
-- **LeetCode-style Problem Practice**: A collection of coding challenges with AI-generated solutions and explanations.
-- **Project Management**: Users can create and manage projects, upload relevant files, and maintain project-specific knowledge bases.
+- **Learning Threads**: Create structured multi-part learning content organized as sequential threads with interactive Q&A.
 
 ## 🏗️ Architecture Overview
 
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 5846ea9..46c3ae3 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -2,10 +2,8 @@ import { useEffect } from "react";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Sidebar from "./components/layout/Sidebar";
 import Explore from "@/components/explore/Explore";
-import Interview from "@/components/interview/Interview";
 
 import TopicChain from "@/components/topics/TopicChain";
-import Projects from "@/components/projects/Projects";
 import { Toaster } from "@/components/ui/toaster";
 import Thread from "@/components/thread/Thread";
 import History from "./components/history/History";
@@ -24,9 +22,7 @@ function App() {
           <main className="flex flex-col w-full h-full p-4 min-h-screen bg-gradient-to-b from-zinc-900 to-zinc-950 scrollbar-none">
             <Routes>
               <Route path="/topics" element={<TopicChain />} />
-              <Route path="/interview" element={<Interview />} />
               <Route path="/explore" element={<Explore />} />
-              <Route path="/projects" element={<Projects />} />
               <Route path="/threads" element={<Thread />} />
               <Route path="/" element={<Explore />} />
               <Route path="/history" element={<History />} />
diff --git a/client/src/components/interview/Interview.tsx b/client/src/components/interview/Interview.tsx
deleted file mode 100644
index e7a64f4..0000000
--- a/client/src/components/interview/Interview.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { useState } from "react";
-import InterviewModal from "./InterviewForm";
-import { useInterviewQuestions } from "../../store/interview/hooks";
-import ProgrammingQAComponent from "./InterviewQA";
-import { DifficultyMap } from "@/store/interview/type";
-
-const sampleQuestions: DifficultyMap = new Map([
-  [
-    "Beginner",
-    [
-      {
-        id: 1,
-        question: "What is the output of console.log(typeof null)?",
-        type: "multiple-choice",
-        difficulty: "Beginner",
-        assessment: "Tests knowledge of JavaScript type system quirks",
-        options: ["object", "null", "undefined", "number"],
-      },
-    ],
-  ],
-  [
-    "Intermediate",
-    [
-      {
-        id: 2,
-        question:
-          "Write a function that reverses a string without using the built-in reverse() method.",
-        type: "coding-challenge",
-        difficulty: "medium",
-        assessment: "Tests problem-solving skills and string manipulation",
-      },
-      {
-        id: 3,
-        question:
-          "Explain the concept of closures in JavaScript and provide a real-world use case.",
-        type: "open-ended",
-        difficulty: "medium",
-        assessment: "Tests understanding of advanced JavaScript concepts",
-      },
-    ],
-  ],
-  [
-    "Advanced",
-    [
-      {
-        id: 4,
-        question:
-          "A user reports that your web application is slow to load. Walk through your approach to investigating and resolving this issue.",
-        type: "scenario-based",
-        difficulty: "hard",
-        assessment:
-          "Tests problem-solving approach and technical debugging skills",
-      },
-    ],
-  ],
-]);
-
-const Interview: React.FC = () => {
-  const { topicQuestions, currentTopic } = useInterviewQuestions();
-  const [isModalVisible, setIsModalVisible] = useState(true);
-
-  // if (!currentTopic) return <InterviewModal />;
-  return (
-    <div className="flex h-full p-2 border border-border">
-      <ProgrammingQAComponent questions={sampleQuestions} />
-      {/* <InterviewModal onSubmit={() => {}} /> */}
-    </div>
-  );
-};
-
-export default Interview;
diff --git a/client/src/components/interview/InterviewForm.tsx b/client/src/components/interview/InterviewForm.tsx
deleted file mode 100644
index 849a571..0000000
--- a/client/src/components/interview/InterviewForm.tsx
+++ /dev/null
@@ -1,224 +0,0 @@
-import React, { useState, useCallback } from "react";
-import {
-  Play,
-  Sparkles,
-  Target,
-  Book,
-  Lightbulb,
-  GraduationCap,
-  Binary,
-  Code,
-  BrainCircuit,
-} from "lucide-react";
-import { motion } from "framer-motion";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import * as z from "zod";
-
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from "@/components/ui/form";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { useInterviewQuestions } from "@/store/interview/hooks";
-import { models, type Model } from "@/config/config";
-import ModelSelect from "@/components/llm/ModelSelect";
-import InterviewHistory from "./InterviewHistory";
-
-const popularTopics = [
-  { name: "React", icon: Code, color: "text-blue-500" },
-  { name: "System Design", icon: Binary, color: "text-green-500" },
-  { name: "Data Structures", icon: BrainCircuit, color: "text-purple-500" },
-  { name: "Algorithms", icon: Target, color: "text-rose-500" },
-];
-
-const formSchema = z.object({
-  topic: z.string().min(1, "Please enter the interview topic"),
-  instructions: z.string().optional(),
-  difficultyLevel: z.enum(["beginner", "intermediate", "advanced"]).optional(),
-  focusAreas: z.array(z.string()).optional(),
-});
-
-const InterviewGenerator: React.FC = () => {
-  const [loading, setLoading] = useState(false);
-  const [selectedModel, setSelectedModel] = useState<Model>(models[0]);
-  const [activeTab, setActiveTab] = useState("quick-start");
-  const { currentTopic, fetchQuestions } = useInterviewQuestions();
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      topic: "",
-      instructions: "",
-    },
-  });
-
-  const handleModelSelect = (model: Model) => {
-    setSelectedModel(model);
-  };
-
-  const handleSubmit = useCallback(
-    async (values: z.infer<typeof formSchema>) => {
-      setLoading(true);
-      try {
-        const data = {
-          topic: values.topic,
-          context: currentTopic ?? "",
-          extraInstructions: values.instructions ?? "",
-          model: selectedModel,
-        };
-        await fetchQuestions(data);
-      } catch (error) {
-        console.error("Error generating questions:", error);
-      } finally {
-        setLoading(false);
-      }
-    },
-    [currentTopic, selectedModel]
-  );
-
-  return (
-    <div className="container max-w-4xl mx-auto py-8 px-4">
-      <div className="space-y-8">
-        <div className="text-center space-y-4">
-          <h1 className="text-4xl font-bold tracking-tight">
-            Interview Question Generator
-          </h1>
-          <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
-            Create personalized technical interview questions tailored to your
-            needs
-          </p>
-        </div>
-
-        <Tabs value={activeTab} onValueChange={setActiveTab}>
-          <TabsList className="grid grid-cols-2 w-full max-w-md mx-auto">
-            <TabsTrigger
-              value="quick-start"
-              className="flex items-center gap-2"
-            >
-              <Sparkles className="h-4 w-4" />
-              Quick Start
-            </TabsTrigger>
-            <TabsTrigger value="custom" className="flex items-center gap-2">
-              <Target className="h-4 w-4" />
-              Custom
-            </TabsTrigger>
-          </TabsList>
-
-          <div className="mt-8">
-            <TabsContent value="quick-start">
-              <InterviewHistory history={popularTopics} />
-            </TabsContent>
-
-            <TabsContent value="custom">
-              <Card className="border-2">
-                <CardHeader>
-                  <CardTitle className="flex items-center gap-2">
-                    <Book className="h-5 w-5" />
-                    Customize Your Interview
-                  </CardTitle>
-                  <CardDescription>
-                    Tailor the questions to your specific needs
-                  </CardDescription>
-                </CardHeader>
-                <CardContent>
-                  <Form {...form}>
-                    <form
-                      onSubmit={form.handleSubmit(handleSubmit)}
-                      className="space-y-6"
-                    >
-                      <FormField
-                        control={form.control}
-                        name="topic"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormLabel>Interview Topic</FormLabel>
-                            <FormControl>
-                              <div className="relative">
-                                <Input
-                                  placeholder="e.g., React, System Design, Algorithms"
-                                  className="pl-10"
-                                  {...field}
-                                />
-                                <GraduationCap className="absolute left-3 top-2.5 h-5 w-5 text-muted-foreground" />
-                              </div>
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-
-                      <FormField
-                        control={form.control}
-                        name="instructions"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormLabel>Additional Requirements</FormLabel>
-                            <FormControl>
-                              <div className="relative">
-                                <Textarea
-                                  placeholder="Specify any particular focus areas or requirements..."
-                                  className="min-h-32 pl-10"
-                                  {...field}
-                                />
-                                <Lightbulb className="absolute left-3 top-3 h-5 w-5 text-muted-foreground" />
-                              </div>
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-
-                      <div className="flex flex-col sm:flex-row gap-4 justify-between items-center pt-4">
-                        <ModelSelect onModelSelect={handleModelSelect} />
-                        <Button
-                          type="submit"
-                          size="lg"
-                          disabled={loading}
-                          className="w-full sm:w-auto"
-                        >
-                          {loading ? (
-                            <motion.div
-                              animate={{ rotate: 360 }}
-                              transition={{
-                                duration: 1,
-                                repeat: Infinity,
-                                ease: "linear",
-                              }}
-                              className="mr-2"
-                            >
-                              <Sparkles className="h-5 w-5" />
-                            </motion.div>
-                          ) : (
-                            <Play className="mr-2 h-5 w-5" />
-                          )}
-                          Generate Questions
-                        </Button>
-                      </div>
-                    </form>
-                  </Form>
-                </CardContent>
-              </Card>
-            </TabsContent>
-          </div>
-        </Tabs>
-      </div>
-    </div>
-  );
-};
-
-export default InterviewGenerator;
diff --git a/client/src/components/interview/InterviewHeader.tsx b/client/src/components/interview/InterviewHeader.tsx
deleted file mode 100644
index 154731c..0000000
--- a/client/src/components/interview/InterviewHeader.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { Button } from "@/components/ui/button";
-import {
-  Home,
-  Wand2,
-  MessageSquarePlus,
-  ChevronDown,
-  Check,
-  X,
-  Pencil,
-  ChevronRight,
-} from "lucide-react";
-import ModelSelect from "@/components/llm/ModelSelect";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { Label } from "@/components/ui/label";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
-
-const quickTemplates = [
-  {
-    label: "DSA Focus",
-    icon: "🔍",
-    instruction: `Generate data structure and algorithm questions that cover...`,
-  },
-  {
-    label: "System Design",
-    icon: "🏗️",
-    instruction: `Create system design interview questions that...`,
-  },
-  {
-    label: "JavaScript Deep",
-    icon: "💻",
-    instruction: `Generate JavaScript-specific interview questions covering...`,
-  },
-  {
-    label: "React Expert",
-    icon: "⚛️",
-    instruction: `Create React interview questions focusing on...`,
-  },
-];
-
-const InterviewHeader = ({ onModelSelect, onInstructionsChange }) => {
-  const navigate = useNavigate();
-  const [isOpen, setIsOpen] = useState(false);
-  const [customInstructions, setCustomInstructions] = useState("");
-  const [editingInstructions, setEditingInstructions] = useState(false);
-  const [tempInstructions, setTempInstructions] = useState("");
-  const [topicInput, setTopicInput] = useState("");
-
-  const handleStartEditing = () => {
-    setTempInstructions(customInstructions);
-    setEditingInstructions(true);
-    setIsOpen(true);
-  };
-
-  const handleSaveInstructions = () => {
-    setCustomInstructions(tempInstructions);
-    onInstructionsChange(tempInstructions);
-    setEditingInstructions(false);
-    setIsOpen(false);
-  };
-
-  return (
-    <div className="space-y-8 p-6 bg-gradient-to-b from-zinc-900/50 to-transparent rounded-lg border border-zinc-800/30 backdrop-blur-sm">
-      {/* Header Section */}
-      <div className="flex justify-between items-start gap-8">
-        <div className="space-y-3">
-          <div className="flex items-center gap-4">
-            <h1 className="text-4xl font-bold tracking-tight bg-gradient-to-r from-blue-400 to-indigo-200 bg-clip-text text-transparent">
-              Technical Interview Practice
-            </h1>
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={() => navigate("/")}
-              className="h-8 w-8 hover:bg-zinc-800/80 transition-colors"
-            >
-              <Home className="h-5 w-5" />
-            </Button>
-          </div>
-          <p className="text-lg text-zinc-400/90">
-            Master your technical interview skills with AI-powered practice
-          </p>
-        </div>
-
-        <div className="flex items-center gap-4">
-          <ModelSelect onModelSelect={onModelSelect} />
-
-          <Popover>
-            <PopoverTrigger asChild>
-              <Button
-                variant="outline"
-                className="gap-2 bg-zinc-800/50 hover:bg-zinc-700/50 border-zinc-700/50 transition-colors shadow-lg"
-              >
-                <Wand2 className="h-4 w-4 text-blue-400" />
-                Generate Questions
-                <ChevronDown className="h-4 w-4 opacity-70" />
-              </Button>
-            </PopoverTrigger>
-            <PopoverContent
-              className="w-80 p-4 bg-zinc-900/95 border-zinc-800 shadow-xl backdrop-blur-lg"
-              align="end"
-            >
-              <div className="space-y-4">
-                <div className="space-y-2">
-                  <Label className="text-zinc-400">Topic or Technology</Label>
-                  <Input
-                    placeholder="e.g. React Hooks, System Design..."
-                    value={topicInput}
-                    onChange={(e) => setTopicInput(e.target.value)}
-                    className="bg-zinc-800/50 border-zinc-700"
-                  />
-                </div>
-                <Button
-                  className="w-full bg-gradient-to-r from-blue-600 to-blue-500"
-                  onClick={() =>
-                    navigate(`/generate/${encodeURIComponent(topicInput)}`)
-                  }
-                  disabled={!topicInput.trim()}
-                >
-                  Generate Questions
-                </Button>
-              </div>
-            </PopoverContent>
-          </Popover>
-        </div>
-      </div>
-
-      {/* Instructions Section */}
-      <Card className="bg-zinc-900/30 border-zinc-800/30 backdrop-blur-sm shadow-lg">
-        <Collapsible open={isOpen} onOpenChange={setIsOpen}>
-          <CardHeader className="py-4">
-            <div className="flex items-center justify-between">
-              <CardTitle className="text-sm font-medium flex items-center gap-2">
-                <MessageSquarePlus className="h-4 w-4 text-blue-400" />
-                Custom Instructions
-              </CardTitle>
-              {!editingInstructions && (
-                <div className="flex items-center gap-2">
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    className="h-7 text-xs gap-1 hover:bg-zinc-800/80 transition-colors"
-                    onClick={handleStartEditing}
-                  >
-                    <Pencil className="h-3 w-3" />
-                    Edit Instructions
-                  </Button>
-                  <CollapsibleTrigger className="h-7 px-2 hover:bg-zinc-800/80 rounded transition-colors">
-                    <ChevronRight
-                      className={`h-4 w-4 transition-transform duration-200 ${
-                        isOpen ? "rotate-90" : ""
-                      }`}
-                    />
-                  </CollapsibleTrigger>
-                </div>
-              )}
-            </div>
-          </CardHeader>
-
-          <CollapsibleContent>
-            <CardContent className="py-4">
-              {editingInstructions ? (
-                <div className="space-y-4">
-                  <Textarea
-                    placeholder="Add custom instructions for the AI to follow when generating solutions..."
-                    value={tempInstructions}
-                    onChange={(e) => setTempInstructions(e.target.value)}
-                    className="min-h-24 resize-none bg-zinc-800/30 border-zinc-700/50 focus:border-blue-500/50 transition-colors"
-                  />
-
-                  <div className="flex justify-between items-center">
-                    <div className="flex gap-2 overflow-x-auto pb-2">
-                      {quickTemplates.map((template) => (
-                        <Button
-                          key={template.label}
-                          variant="outline"
-                          size="sm"
-                          className="text-xs h-8 px-3 bg-zinc-800/30 border-zinc-700/50 hover:bg-zinc-700/50 transition-colors whitespace-nowrap"
-                          onClick={() =>
-                            setTempInstructions(template.instruction)
-                          }
-                        >
-                          <span className="mr-1">{template.icon}</span>
-                          {template.label}
-                        </Button>
-                      ))}
-                    </div>
-
-                    <div className="flex items-center gap-2 ml-4">
-                      <Button
-                        size="sm"
-                        variant="ghost"
-                        className="h-8 hover:bg-zinc-800/80 transition-colors"
-                        onClick={() => {
-                          setEditingInstructions(false);
-                          setIsOpen(false);
-                        }}
-                      >
-                        <X className="h-4 w-4" />
-                      </Button>
-                      <Button
-                        size="sm"
-                        className="h-8 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 transition-colors"
-                        onClick={handleSaveInstructions}
-                        disabled={!tempInstructions.trim()}
-                      >
-                        <Check className="h-4 w-4 mr-1" />
-                        Apply
-                      </Button>
-                    </div>
-                  </div>
-                </div>
-              ) : (
-                <p className="text-sm text-zinc-400/90">
-                  {customInstructions ||
-                    "No custom instructions set. Click Edit to add specific requirements for the AI."}
-                </p>
-              )}
-            </CardContent>
-          </CollapsibleContent>
-        </Collapsible>
-      </Card>
-    </div>
-  );
-};
-
-export default InterviewHeader;
diff --git a/client/src/components/interview/InterviewHistory.tsx b/client/src/components/interview/InterviewHistory.tsx
deleted file mode 100644
index 92c68be..0000000
--- a/client/src/components/interview/InterviewHistory.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Card, CardHeader, CardTitle } from "../ui/card";
-import React from "react";
-
-interface InterviewHistoryProps {
-  history: {
-    name: string;
-    icon: React.ElementType;
-    color: string;
-  }[];
-}
-
-const InterviewHistory = ({ history }: InterviewHistoryProps) => {
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-      {history.map((topic) => (
-        <Card
-          key={topic.name}
-          className="group cursor-pointer transition-all hover:border-primary/50 hover:shadow-md"
-          onClick={() => {
-            console.log(topic);
-          }}
-        >
-          <CardHeader>
-            <CardTitle className="flex items-center gap-3">
-              <topic.icon className={`h-5 w-5 ${topic.color}`} />
-              {topic.name}
-            </CardTitle>
-          </CardHeader>
-        </Card>
-      ))}
-    </div>
-  );
-};
-
-export default InterviewHistory;
diff --git a/client/src/components/interview/InterviewQA.tsx b/client/src/components/interview/InterviewQA.tsx
deleted file mode 100644
index 8311689..0000000
--- a/client/src/components/interview/InterviewQA.tsx
+++ /dev/null
@@ -1,247 +0,0 @@
-import React, { useState, useMemo } from "react";
-import { Brain, CheckCircle2, BookOpen, Star } from "lucide-react";
-import { Card, CardContent } from "@/components/ui/card";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Badge } from "@/components/ui/badge";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import QuestionCard from "@/components/interview/QuestionCard";
-import type {
-  Question,
-  DifficultyMap,
-  Difficulty,
-} from "@/store/interview/type";
-import { getInterviewAnswer } from "@/store/interview/api";
-import InterviewHeader from "@/components/interview/InterviewHeader";
-import QuestionAnswer from "./QuestionAnswer";
-import {
-  ResizableHandle,
-  ResizablePanel,
-  ResizablePanelGroup,
-} from "@/components/ui/resizable";
-
-interface Props {
-  questions: DifficultyMap;
-}
-
-const InterviewPracticeComponent: React.FC<Props> = ({ questions }) => {
-  // State for handling model and instructions
-  const [selectedModel, setSelectedModel] = useState("gpt-4");
-  const [customInstructions, setCustomInstructions] = useState("");
-
-  // State for question selection and viewing
-  const [selectedQuestion, setSelectedQuestion] = useState<Question | null>(
-    null
-  );
-  const [selectedDifficulty, setSelectedDifficulty] =
-    useState<Difficulty>("Beginner");
-  const [selectedCategory, setSelectedCategory] = useState("all");
-
-  const [loading, setLoading] = useState(false);
-  const [answer, setAnswer] = useState<string | null>(null);
-
-  // Get all categories for the current difficulty level
-  const categories = useMemo(() => {
-    const categorySet = new Set<string>();
-    const questionGroup = questions.get(selectedDifficulty) || [];
-    questionGroup.forEach((question) => {
-      categorySet.add(question.type);
-    });
-    return ["all", ...Array.from(categorySet)];
-  }, [questions, selectedDifficulty]);
-
-  // Filter questions based on selected category within the current difficulty
-  const filteredQuestions = useMemo(() => {
-    const questionGroup = questions.get(selectedDifficulty) || [];
-    return selectedCategory === "all"
-      ? questionGroup
-      : questionGroup.filter((q) => q.type === selectedCategory);
-  }, [questions, selectedDifficulty, selectedCategory]);
-
-  const handleRevealAnswer = async () => {
-    if (!selectedQuestion) return;
-    setLoading(true);
-    try {
-      const fetchedAnswer = await getInterviewAnswer(selectedQuestion.question);
-      setAnswer(fetchedAnswer.answer);
-    } catch (error) {
-      console.error("Failed to fetch answer:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const moveToNextQuestion = () => {
-    if (!selectedQuestion) return;
-    const currentIndex = filteredQuestions.findIndex(
-      (q) => q.id === selectedQuestion.id
-    );
-    if (currentIndex < filteredQuestions.length - 1) {
-      setSelectedQuestion(filteredQuestions[currentIndex + 1]);
-      setAnswer(null);
-    }
-  };
-
-  const moveToPreviousQuestion = () => {
-    if (!selectedQuestion) return;
-    const currentIndex = filteredQuestions.findIndex(
-      (q) => q.id === selectedQuestion.id
-    );
-    if (currentIndex > 0) {
-      setSelectedQuestion(filteredQuestions[currentIndex - 1]);
-      setAnswer(null);
-    }
-  };
-
-  const getDifficultyColor = (difficulty: Difficulty) => {
-    switch (difficulty) {
-      case "Beginner":
-        return "from-green-500/20 to-green-500/10";
-      case "Intermediate":
-        return "from-blue-500/20 to-blue-500/10";
-      case "Advanced":
-        return "from-purple-500/20 to-purple-500/10";
-    }
-  };
-
-  return (
-    <div className="container max-w-full mx-auto px-6 space-y-8">
-      <InterviewHeader
-        onModelSelect={setSelectedModel}
-        onInstructionsChange={setCustomInstructions}
-      />
-
-      <div className="space-y-6">
-        <Tabs
-          defaultValue="Beginner"
-          className="w-full"
-          onValueChange={(value) => {
-            setSelectedDifficulty(value as Difficulty);
-            setSelectedQuestion(null);
-            setAnswer(null);
-          }}
-        >
-          <TabsList className="w-full justify-start">
-            {Array.from(questions.keys()).map((difficulty) => (
-              <TabsTrigger
-                key={difficulty}
-                value={difficulty}
-                className="min-w-fit"
-              >
-                <div className="flex items-center gap-2">
-                  <Brain className="h-4 w-4" />
-                  <span>{difficulty}</span>
-                  <Badge variant="secondary" className="ml-2">
-                    {questions.get(difficulty)?.length || 0}
-                  </Badge>
-                </div>
-              </TabsTrigger>
-            ))}
-          </TabsList>
-
-          {Array.from(questions.keys()).map((difficulty) => (
-            <TabsContent key={difficulty} value={difficulty} className="mt-6">
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 h-[calc(100vh-40rem)]">
-                {/* Left panel - Questions list */}
-                <div className="space-y-4">
-                  <div className="flex items-center justify-between">
-                    <Select
-                      value={selectedCategory}
-                      onValueChange={setSelectedCategory}
-                    >
-                      <SelectTrigger className="w-48">
-                        <SelectValue placeholder="Select Category" />
-                      </SelectTrigger>
-                      <SelectContent>
-                        {categories.map((category) => (
-                          <SelectItem key={category} value={category}>
-                            <span className="capitalize">{category}</span>
-                          </SelectItem>
-                        ))}
-                      </SelectContent>
-                    </Select>
-                    <Badge variant="outline">
-                      {filteredQuestions.length} questions
-                    </Badge>
-                  </div>
-
-                  <Card
-                    className={`bg-gradient-to-br ${getDifficultyColor(
-                      difficulty as Difficulty
-                    )}`}
-                  >
-                    <CardContent className="pt-6">
-                      <ScrollArea className="h-[500px] pr-4">
-                        {filteredQuestions.map((question) => (
-                          <div
-                            key={question.id}
-                            onClick={() => {
-                              setSelectedQuestion(question);
-                              setAnswer(null);
-                            }}
-                            className={`mb-4 rounded-lg p-4 transition-colors cursor-pointer
-                              ${
-                                selectedQuestion?.id === question.id
-                                  ? "bg-primary/10 border border-primary/20"
-                                  : "bg-background/80 hover:bg-background/90 border border-transparent"
-                              }`}
-                          >
-                            <QuestionCard question={question} />
-                          </div>
-                        ))}
-                        {filteredQuestions.length === 0 && (
-                          <div className="flex flex-col items-center justify-center h-full text-muted-foreground">
-                            <BookOpen className="h-8 w-8 mb-2" />
-                            <p>No questions found in this category</p>
-                          </div>
-                        )}
-                      </ScrollArea>
-                    </CardContent>
-                  </Card>
-                </div>
-
-                {/* Right panel - Question detail and answer */}
-                <div className="rounded-lg border">
-                  {selectedQuestion ? (
-                    <QuestionAnswer
-                      question={selectedQuestion}
-                      answer={answer ?? ""}
-                      loading={loading}
-                      handleRevealAnswer={handleRevealAnswer}
-                      moveToNextQuestion={moveToNextQuestion}
-                      moveToPreviousQuestion={moveToPreviousQuestion}
-                      filteredQuestions={filteredQuestions}
-                    />
-                  ) : (
-                    <div className="flex items-center justify-center h-full">
-                      <div className="text-center space-y-2">
-                        <BookOpen className="h-12 w-12 text-muted-foreground mx-auto" />
-                        <p className="text-muted-foreground">
-                          Select a question to begin practicing
-                        </p>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </TabsContent>
-          ))}
-        </Tabs>
-      </div>
-    </div>
-  );
-};
-
-export default InterviewPracticeComponent;
diff --git a/client/src/components/interview/QuestionAnswer.tsx b/client/src/components/interview/QuestionAnswer.tsx
deleted file mode 100644
index 2285ddf..0000000
--- a/client/src/components/interview/QuestionAnswer.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import React from "react";
-import { Button } from "../ui/button";
-import type { Question } from "@/store/interview/type";
-import {
-  Loader2,
-  CheckCircle2,
-  Brain,
-  BookOpen,
-  Tag,
-  ChevronLeft,
-  ChevronRight,
-} from "lucide-react";
-import { ScrollArea } from "../ui/scroll-area";
-import { Card, CardHeader, CardContent, CardTitle } from "../ui/card";
-import ReactMarkdown from "react-markdown";
-import rehypeHighlight from "rehype-highlight";
-import QuestionCard from "./QuestionCard";
-
-interface QuestionAnswerProps {
-  question: Question;
-  answer: string;
-  loading: boolean;
-  handleRevealAnswer: () => void;
-  moveToNextQuestion: () => void;
-  moveToPreviousQuestion: () => void;
-  filteredQuestions: Question[];
-}
-
-const QuestionAnswer: React.FC<QuestionAnswerProps> = ({
-  question,
-  answer,
-  loading,
-  handleRevealAnswer,
-  moveToNextQuestion,
-  moveToPreviousQuestion,
-  filteredQuestions,
-}: QuestionAnswerProps) => {
-  return (
-    <ScrollArea className="h-full">
-      <div className="p-6 space-y-6">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={moveToPreviousQuestion}
-              disabled={!question || filteredQuestions.indexOf(question) === 0}
-            >
-              <ChevronLeft className="h-4 w-4" />
-            </Button>
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={moveToNextQuestion}
-              disabled={
-                !question ||
-                filteredQuestions.indexOf(question) ===
-                  filteredQuestions.length - 1
-              }
-            >
-              <ChevronRight className="h-4 w-4" />
-            </Button>
-          </div>
-        </div>
-
-        <div className="rounded-xl bg-accent/5 p-6">
-          <QuestionCard question={question} />
-        </div>
-
-        <div className="space-y-4">
-          <Button
-            onClick={handleRevealAnswer}
-            disabled={loading}
-            className="w-full"
-          >
-            {loading ? (
-              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-            ) : answer ? (
-              <CheckCircle2 className="mr-2 h-4 w-4" />
-            ) : null}
-            {answer ? "Answer Revealed" : "Show Solution"}
-          </Button>
-
-          {answer && (
-            <Card className="border-none shadow-lg bg-accent/5">
-              <CardHeader>
-                <div className="flex items-center gap-2">
-                  <Brain className="h-5 w-5 text-green-500" />
-                  <CardTitle>Solution Explanation</CardTitle>
-                </div>
-              </CardHeader>
-              <CardContent className="space-y-4">
-                <ReactMarkdown
-                  className="prose dark:prose-invert max-w-none"
-                  rehypePlugins={[rehypeHighlight]}
-                >
-                  {answer}
-                </ReactMarkdown>
-
-                <div className="mt-6 space-y-4">
-                  <div className="border-t pt-4">
-                    <h3 className="text-sm font-medium mb-2 flex items-center gap-2">
-                      <BookOpen className="h-4 w-4 text-purple-500" />
-                      Key Takeaways
-                    </h3>
-                    <div className="space-y-2">
-                      <div className="flex items-center gap-2">
-                        <Tag className="h-4 w-4 text-green-500" />
-                        <span className="text-sm">
-                          Time Complexity: O(n) - Linear time solution
-                        </span>
-                      </div>
-                      <div className="flex items-center gap-2">
-                        <Tag className="h-4 w-4 text-blue-500" />
-                        <span className="text-sm">
-                          Space Complexity: O(1) - Constant space used
-                        </span>
-                      </div>
-                      <div className="flex items-center gap-2">
-                        <Tag className="h-4 w-4 text-yellow-500" />
-                        <span className="text-sm">
-                          Key Concept: Two-pointer technique
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="border-t pt-4">
-                    <h3 className="text-sm font-medium mb-2">Practice Tips</h3>
-                    <div className="bg-accent/5 rounded-lg p-4 space-y-2">
-                      <p className="text-sm">
-                        Try solving this problem using different approaches:
-                      </p>
-                      <ul className="list-disc list-inside text-sm space-y-1">
-                        <li>Implement using a hash map for O(n) space</li>
-                        <li>Try the recursive solution</li>
-                        <li>Consider edge cases with empty or invalid input</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          )}
-        </div>
-      </div>
-    </ScrollArea>
-  );
-};
-
-export default QuestionAnswer;
diff --git a/client/src/components/interview/QuestionCard.tsx b/client/src/components/interview/QuestionCard.tsx
deleted file mode 100644
index 3c525c4..0000000
--- a/client/src/components/interview/QuestionCard.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-import { Code, BookOpen } from "lucide-react";
-import type { Question } from "@/store/interview/type";
-interface QuestionContentProps {
-  question: Question;
-}
-/**  * QuestionCard Component  *  * This component displays a single interview question card.  * It shows the type of question (coding challenge or reading material)  * along with the question text itself.  *  * Props:  * - question: An object containing the details of the question.  *   - type: A string indicating the type of question (e.g., "coding-challenge" or "reading").  *   - question: A string containing the actual question text.  */ const QuestionCard: React.FC<
-  QuestionContentProps
-> = ({ question }) => {
-  const { type, question: questionText } = question;
-  return (
-    <div className="space-y-6">
-      {" "}
-      <div className="flex items-center justify-between">
-        {" "}
-        <div className="flex items-center gap-3 text-muted-foreground text-sm">
-          {" "}
-          {type === "coding-challenge" ? (
-            <Code className="h-5 w-5 text-blue-500" />
-          ) : (
-            <BookOpen className="h-5 w-5 text-purple-500" />
-          )}{" "}
-          <span className="font-medium">{type}</span>{" "}
-        </div>{" "}
-      </div>{" "}
-      <div className="space-y-4">
-        {" "}
-        <h4 className="text-lg font-semibold leading-relaxed">
-          {" "}
-          {questionText}{" "}
-        </h4>{" "}
-      </div>{" "}
-    </div>
-  );
-};
-export default QuestionCard;
diff --git a/client/src/components/layout/menuItems.tsx b/client/src/components/layout/menuItems.tsx
index 10bb9a0..fca09cb 100644
--- a/client/src/components/layout/menuItems.tsx
+++ b/client/src/components/layout/menuItems.tsx
@@ -1,21 +1,11 @@
 import {
-  Infinity,
   Book,
-  Users,
   Compass,
-  Code,
   Dna,
   History,
 } from "lucide-react";
 
 export const menuItems = [
-  {
-    key: "/infinity",
-    icon: <Infinity className="h-5 w-5" />,
-    title: "Infinity",
-    description: "Explore programming topics",
-    gradient: "from-violet-500 to-indigo-500",
-  },
   {
     key: "/topics",
     icon: <Book className="h-5 w-5" />,
@@ -23,13 +13,6 @@ export const menuItems = [
     description: "Explore programming topics",
     gradient: "from-blue-500 to-cyan-500",
   },
-  {
-    key: "/interview",
-    icon: <Users className="h-5 w-5" />,
-    title: "Interview",
-    description: "Practice interview questions",
-    gradient: "from-emerald-500 to-green-500",
-  },
   {
     key: "/explore",
     icon: <Compass className="h-5 w-5" />,
@@ -37,13 +20,6 @@ export const menuItems = [
     description: "Discover new concepts",
     gradient: "from-orange-500 to-amber-500",
   },
-  {
-    key: "/projects",
-    icon: <Code className="h-5 w-5" />,
-    title: "Projects",
-    description: "Showcase your projects",
-    gradient: "from-red-500 to-pink-500",
-  },
   {
     key: "/threads",
     icon: <Dna className="h-5 w-5" />,
diff --git a/client/src/components/projects/Projects.tsx b/client/src/components/projects/Projects.tsx
deleted file mode 100644
index 5d1b705..0000000
--- a/client/src/components/projects/Projects.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import ProjectCreate from "./home/ProjectCreate";
-import Project from "./project/Project";
-
-const Projects: React.FC = () => {
-  return (
-    <div className="flex flex-col gap-4">
-      <Project />
-    </div>
-  );
-};
-
-export default Projects;
diff --git a/client/src/components/projects/home/ProjectCreate.tsx b/client/src/components/projects/home/ProjectCreate.tsx
deleted file mode 100644
index 40d8041..0000000
--- a/client/src/components/projects/home/ProjectCreate.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import React, { useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { FolderPlus, FileCode, Files, Plus } from "lucide-react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Button } from "@/components/ui/button";
-import PageHeader from "@/components/utils/PageHeader";
-import ProjectCreateForm from "./ProjectCreateForm";
-import ProjectList from "./ProjectList";
-
-const ProjectCreate: React.FC = () => {
-  const [activeTab, setActiveTab] = useState("projects");
-
-  return (
-    <AnimatePresence mode="wait">
-      <motion.div
-        variants={containerVariants}
-        initial="hidden"
-        animate="visible"
-        exit="exit"
-        className="min-h-screen w-full p-4 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))]
-          from-zinc-900 via-zinc-950 to-black rounded-lg"
-      >
-        <div className="fixed inset-0 overflow-hidden pointer-events-none">
-          <motion.div
-            animate={{
-              scale: [1, 1.2, 1],
-              opacity: [0.1, 0.2, 0.1],
-              rotate: [0, 45, 0],
-            }}
-            transition={{
-              duration: 10,
-              repeat: Infinity,
-              ease: "easeInOut",
-            }}
-            className="absolute top-1/4 left-1/4 w-96 h-96 bg-gradient-to-br
-              from-primary/20 to-indigo-500/20 rounded-full blur-3xl"
-          />
-          <motion.div
-            animate={{
-              scale: [1.2, 1, 1.2],
-              opacity: [0.1, 0.2, 0.1],
-              rotate: [45, 0, 45],
-            }}
-            transition={{
-              duration: 15,
-              repeat: Infinity,
-              ease: "easeInOut",
-            }}
-            className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-gradient-to-br
-              from-purple-500/20 to-primary/20 rounded-full blur-3xl"
-          />
-        </div>
-
-        <div className="relative container mx-auto max-w-4xl">
-          <motion.div variants={itemVariants} className="relative space-y-6">
-            <PageHeader
-              title="Projects"
-              description="Manage your projects and create new ones to get personalized interview preparation"
-              icons={[
-                <FolderPlus className="w-14 h-14 text-primary" key="folder" />,
-                <FileCode className="w-14 h-14 text-primary/80" key="file" />,
-                <Files className="w-14 h-14 text-primary/60" key="files" />,
-              ]}
-            />
-
-            <Tabs
-              defaultValue="projects"
-              value={activeTab}
-              onValueChange={setActiveTab}
-              className="w-full"
-            >
-              <div className="flex items-center justify-between mb-6">
-                <TabsList className="bg-zinc-900/50 border border-zinc-800/50 backdrop-blur-xl">
-                  <TabsTrigger
-                    value="projects"
-                    className="data-[state=active]:bg-primary/20 data-[state=active]:text-primary"
-                  >
-                    All Projects
-                  </TabsTrigger>
-                  <TabsTrigger
-                    value="create"
-                    className="data-[state=active]:bg-primary/20 data-[state=active]:text-primary"
-                  >
-                    Create New
-                  </TabsTrigger>
-                </TabsList>
-
-                <Button
-                  onClick={() => setActiveTab("create")}
-                  className="bg-primary hover:bg-primary/90"
-                >
-                  <Plus className="w-4 h-4 mr-2" />
-                  New Project
-                </Button>
-              </div>
-
-              <motion.div
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ duration: 0.3 }}
-              >
-                <TabsContent
-                  value="projects"
-                  className="border-none p-0 outline-none"
-                >
-                  <ProjectList />
-                </TabsContent>
-
-                <TabsContent
-                  value="create"
-                  className="border-none p-0 outline-none"
-                >
-                  <ProjectCreateForm />
-                </TabsContent>
-              </motion.div>
-            </Tabs>
-          </motion.div>
-        </div>
-      </motion.div>
-    </AnimatePresence>
-  );
-};
-
-const containerVariants = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      staggerChildren: 0.15,
-      delayChildren: 0.2,
-    },
-  },
-};
-
-const itemVariants = {
-  hidden: { opacity: 0, y: 20 },
-  visible: { opacity: 1, y: 0 },
-};
-
-export default ProjectCreate;
diff --git a/client/src/components/projects/home/ProjectCreateForm.tsx b/client/src/components/projects/home/ProjectCreateForm.tsx
deleted file mode 100644
index a23fffc..0000000
--- a/client/src/components/projects/home/ProjectCreateForm.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import React, { useState } from "react";
-import { Card, CardContent } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Button } from "@/components/ui/button";
-import { Upload } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { motion } from "framer-motion";
-import { Alert, AlertDescription } from "../../ui/alert";
-
-const ProjectCreateForm: React.FC = () => {
-  const [description, setDescription] = useState("");
-  const [files, setFiles] = useState<File[]>([]);
-  const [isTyping, setIsTyping] = useState(false);
-  const [projectName, setProjectName] = useState("");
-  const [error, setError] = useState("");
-
-  const removeFile = (indexToRemove: number) => {
-    setFiles((prev) => prev.filter((_, index) => index !== indexToRemove));
-  };
-
-  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedFiles = Array.from(e.target.files || []);
-    setFiles((prev) => [...prev, ...selectedFiles]);
-  };
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    if (!projectName.trim()) {
-      setError("Project name is required");
-      return;
-    }
-
-    const formData = new FormData();
-    formData.append("projectName", projectName);
-    formData.append("description", description);
-    files.forEach((file) => {
-      formData.append("files", file);
-    });
-
-    try {
-      const response = await fetch("/api/projects", {
-        method: "POST",
-        body: formData,
-      });
-
-      if (!response.ok) throw new Error("Failed to create project");
-    } catch (err) {
-      setError((err as Error).message);
-    }
-  };
-
-  return (
-    <Card className="bg-black/40 border-zinc-800/50 backdrop-blur-xl shadow-2xl">
-      <CardContent className="p-8 md:p-12">
-        <form onSubmit={handleSubmit} className="space-y-6">
-          <div className="space-y-6">
-            <div className="relative">
-              <div
-                className={cn(
-                  "relative rounded-2xl transition-all duration-300",
-                  "bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5",
-                  "p-[1px] group",
-                  isTyping && "from-primary/20 via-primary/30 to-primary/20"
-                )}
-              >
-                <div className="relative bg-zinc-900/50 rounded-2xl overflow-hidden">
-                  <Input
-                    placeholder="Enter your project name"
-                    value={projectName}
-                    onChange={(e) => {
-                      setProjectName(e.target.value);
-                      setIsTyping(true);
-                    }}
-                    onBlur={() => setIsTyping(false)}
-                    className={cn(
-                      "w-full p-6 text-lg bg-transparent border-0",
-                      "focus:ring-0 placeholder:text-zinc-500",
-                      "transition-all duration-300"
-                    )}
-                  />
-                </div>
-              </div>
-            </div>
-
-            <div className="relative">
-              <Textarea
-                placeholder="Describe your project"
-                value={description}
-                onChange={(e) => setDescription(e.target.value)}
-                className="min-h-32 bg-zinc-900/50 border-zinc-800/50 rounded-xl p-4
-                          placeholder:text-zinc-500 focus:ring-primary/20"
-              />
-            </div>
-
-            <div className="space-y-4">
-              <div
-                className="border-2 border-dashed border-zinc-800/50 rounded-xl p-8
-                        bg-zinc-900/30 hover:bg-zinc-900/50 transition-all duration-300"
-              >
-                <div className="flex flex-col items-center space-y-4">
-                  <motion.div
-                    whileHover={{ scale: 1.1, rotate: 180 }}
-                    transition={{ duration: 0.3 }}
-                  >
-                    <Upload className="h-12 w-12 text-primary/60" />
-                  </motion.div>
-                  <div className="text-lg text-zinc-400">
-                    Drag and drop files here or click to select
-                  </div>
-                  <Input
-                    type="file"
-                    multiple
-                    onChange={handleFileChange}
-                    className="hidden"
-                    id="file-upload"
-                  />
-                  <Button
-                    type="button"
-                    variant="outline"
-                    onClick={() =>
-                      document.getElementById("file-upload")?.click()
-                    }
-                    className="border-primary/20 hover:bg-primary/10"
-                  >
-                    Select Files
-                  </Button>
-                </div>
-              </div>
-
-              {files.length > 0 && (
-                <motion.div
-                  initial={{ opacity: 0, y: 20 }}
-                  animate={{ opacity: 1, y: 0 }}
-                  className="space-y-2"
-                >
-                  {files.map((file, index) => (
-                    <motion.div
-                      key={file.name}
-                      initial={{ opacity: 0, x: -20 }}
-                      animate={{ opacity: 1, x: 0 }}
-                      exit={{ opacity: 0, x: 20 }}
-                      className="flex items-center justify-between p-3
-
-
-                                bg-zinc-900/50 rounded-lg border border-zinc-800/50"
-                    >
-                      <span className="text-zinc-400 truncate">
-                        {file.name}
-                      </span>
-                      <Button
-                        type="button"
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => removeFile(index)}
-                        className="text-zinc-500 hover:text-red-400"
-                      >
-                        <motion.div
-                          whileHover={{ scale: 1.2, rotate: 90 }}
-                          transition={{ duration: 0.2 }}
-                        >
-                          ×
-                        </motion.div>
-                      </Button>
-                    </motion.div>
-                  ))}
-                </motion.div>
-              )}
-            </div>
-
-            {error && (
-              <Alert
-                variant="destructive"
-                className="bg-red-500/10 border-red-500/20"
-              >
-                <AlertDescription>{error}</AlertDescription>
-              </Alert>
-            )}
-            <Button
-              type="submit"
-              className="w-full bg-primary hover:bg-primary/90 p-6 text-lg"
-            >
-              Create Project
-            </Button>
-          </div>
-        </form>
-      </CardContent>
-    </Card>
-  );
-};
-
-export default ProjectCreateForm;
diff --git a/client/src/components/projects/home/ProjectList.tsx b/client/src/components/projects/home/ProjectList.tsx
deleted file mode 100644
index a11e029..0000000
--- a/client/src/components/projects/home/ProjectList.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import React from "react";
-import { motion } from "framer-motion";
-import { Card, CardContent } from "@/components/ui/card";
-import { ArrowRight } from "lucide-react";
-
-interface Project {
-  id: string;
-  name: string;
-  description: string;
-  createdAt: string;
-}
-
-const ProjectList: React.FC = () => {
-  const projects: Project[] = [
-    {
-      id: "1",
-      name: "React Interview Prep",
-      description:
-        "Frontend interview preparation materials and practice problems",
-      createdAt: "2024-02-05",
-    },
-    {
-      id: "2",
-      name: "System Design Notes",
-      description:
-        "Collection of system design patterns and architecture examples",
-      createdAt: "2024-02-04",
-    },
-  ];
-
-  return (
-    <div className="space-y-4">
-      <div className="grid grid-cols-1 gap-4">
-        {projects.map((project, index) => (
-          <motion.div
-            key={project.id}
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{
-              delay: index * 0.1,
-              duration: 0.4,
-              ease: [0.22, 1, 0.36, 1],
-            }}
-          >
-            <Card className="group overflow-hidden border-zinc-800/50 backdrop-blur-xl">
-              <div
-                className="absolute inset-0 bg-gradient-to-r from-primary/0 to-primary/0 
-                group-hover:from-primary/5 group-hover:to-transparent transition-all duration-500"
-              />
-
-              <CardContent className="p-6 relative">
-                <div className="flex items-start justify-between gap-6">
-                  <div className="space-y-3 flex-1">
-                    <div className="space-y-1">
-                      <h3
-                        className="text-lg font-medium text-zinc-200 group-hover:text-white 
-                        transition-colors duration-300 relative inline-block"
-                      >
-                        {project.name}
-                        <div
-                          className="absolute inset-x-0 h-px bottom-0 bg-gradient-to-r 
-                          from-primary/0 via-primary to-primary/0 scale-x-0 
-                          group-hover:scale-x-100 transition-transform duration-500 
-                          origin-center"
-                        />
-                      </h3>
-                      <p
-                        className="text-sm text-zinc-500 group-hover:text-zinc-400 
-                        transition-colors duration-300"
-                      >
-                        Created {project.createdAt}
-                      </p>
-                    </div>
-
-                    <p
-                      className="text-sm text-zinc-400 line-clamp-2 
-                      group-hover:text-zinc-300 transition-colors duration-300
-                      pr-4"
-                    >
-                      {project.description}
-                    </p>
-                  </div>
-
-                  <div className="relative">
-                    <motion.button
-                      whileHover={{ scale: 1.05, x: 3 }}
-                      whileTap={{ scale: 0.95 }}
-                      className="relative size-8 rounded-full 
-                        flex items-center justify-center group/button"
-                    >
-                      <div
-                        className="absolute inset-0 bg-primary/0 rounded-full 
-                        group-hover/button:bg-primary/10 transition-colors duration-300"
-                      />
-
-                      <div className="relative">
-                        <ArrowRight
-                          className="size-4 text-zinc-400 
-                          group-hover:text-primary transition-colors duration-300"
-                        />
-                      </div>
-
-                      <div
-                        className="absolute inset-0 rounded-full opacity-0 
-                        group-hover/button:opacity-100 transition-opacity duration-300
-                        bg-primary/20 blur-md -z-10"
-                      />
-                    </motion.button>
-                  </div>
-                </div>
-
-                <motion.div
-                  initial={{ scaleX: 0 }}
-                  animate={{ scaleX: 1 }}
-                  transition={{ duration: 0.5, delay: index * 0.1 + 0.2 }}
-                  className="absolute bottom-0 left-4 right-4 h-px bg-gradient-to-r 
-                    from-transparent via-zinc-700/50 to-transparent opacity-0 
-                    group-hover:opacity-100 transition-opacity duration-500"
-                />
-              </CardContent>
-            </Card>
-          </motion.div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default ProjectList;
diff --git a/client/src/components/projects/project/ChatHistory.tsx b/client/src/components/projects/project/ChatHistory.tsx
deleted file mode 100644
index df93703..0000000
--- a/client/src/components/projects/project/ChatHistory.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import React, { useState } from "react";
-import { motion } from "framer-motion";
-import { Card, CardContent } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import {
-  MessageSquare,
-  Calendar,
-  Clock,
-  Search,
-  ArrowRight,
-  ChevronDown,
-} from "lucide-react";
-import { ScrollArea } from "@/components/ui/scroll-area";
-
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-
-interface ChatSession {
-  id: string;
-  title: string;
-  lastMessage: string;
-  date: string;
-  time: string;
-  messageCount: number;
-}
-
-const ChatHistory: React.FC = () => {
-  const [searchQuery, setSearchQuery] = useState("");
-  const [isOpen, setIsOpen] = useState(false);
-
-  const chatSessions: ChatSession[] = [
-    {
-      id: "1",
-      title: "React Hooks Discussion",
-      lastMessage: "Let's explore how useEffect works in detail...",
-      date: "Today",
-      time: "10:30 AM",
-      messageCount: 24,
-    },
-    {
-      id: "2",
-      title: "System Design Patterns",
-      lastMessage: "The microservices architecture pattern is commonly used...",
-      date: "Yesterday",
-      time: "3:45 PM",
-      messageCount: 18,
-    },
-    {
-      id: "3",
-      title: "Data Structures Practice",
-      lastMessage: "Binary trees are hierarchical data structures...",
-      date: "Feb 3",
-      time: "11:20 AM",
-      messageCount: 32,
-    },
-    {
-      id: "4",
-      title: "React Hooks Discussion",
-      lastMessage: "Let's explore how useEffect works in detail...",
-      date: "Today",
-      time: "10:30 AM",
-      messageCount: 24,
-    },
-  ];
-
-  const filteredSessions = chatSessions.filter(
-    (session) =>
-      session.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      session.lastMessage.toLowerCase().includes(searchQuery.toLowerCase())
-  );
-
-  return (
-    <div
-      className="w-full bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] 
-      from-zinc-900 via-zinc-950 to-black p-6 h-screen"
-    >
-      <div className="container mx-auto max-w-4xl h-full flex flex-col">
-        {/* Header with search */}
-        <div className="flex-none mb-8">
-          <h5 className="text-xl font-semibold text-zinc-100 mb-6">
-            Previous Discussions
-          </h5>
-          <div className="relative">
-            <Input
-              value={searchQuery}
-              onChange={(e) => setSearchQuery(e.target.value)}
-              placeholder="Search your conversations..."
-              className="bg-zinc-900/50 border-zinc-800/50 pl-12 py-6 text-base
-                focus:ring-primary/20 focus:border-primary/20 transition-all duration-300"
-            />
-            <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-zinc-500" />
-          </div>
-        </div>
-
-        {/* Collapsible Chat sessions list */}
-        <Collapsible open={isOpen} onOpenChange={setIsOpen} className="flex-1">
-          <CollapsibleTrigger className="flex items-center justify-between w-full px-4 py-2 text-zinc-200 hover:text-primary transition-colors">
-            <span className="text-lg font-medium">
-              {filteredSessions.length} Conversations
-            </span>
-            <ChevronDown
-              className={`w-5 h-5 transition-transform duration-200 ${
-                isOpen ? "transform rotate-180" : ""
-              }`}
-            />
-          </CollapsibleTrigger>
-
-          <CollapsibleContent className="mt-4">
-            <ScrollArea className="flex-1 h-[60vh]">
-              <div className="space-y-4 pr-4">
-                {filteredSessions.map((session, index) => (
-                  <motion.div
-                    key={session.id}
-                    initial={{ opacity: 0, y: 20 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    transition={{ delay: index * 0.1 }}
-                  >
-                    <Card
-                      className="group hover:bg-zinc-900/50 transition-all duration-300 
-                      border-zinc-800/50 backdrop-blur-xl overflow-hidden"
-                    >
-                      <CardContent className="p-6">
-                        <div className="flex items-center justify-between">
-                          <div className="flex-1 min-w-0 space-y-3">
-                            {/* Session title and message count */}
-                            <div className="flex items-center gap-4">
-                              <div className="relative">
-                                <div
-                                  className="absolute inset-0 bg-primary/20 rounded-full blur-xl 
-                                  scale-0 group-hover:scale-150 transition-transform duration-300"
-                                />
-                                <MessageSquare className="w-6 h-6 text-primary relative" />
-                              </div>
-                              <div className="flex items-center gap-3 min-w-0">
-                                <h3
-                                  className="text-lg font-medium text-zinc-200 truncate
-                                  group-hover:text-primary transition-colors"
-                                >
-                                  {session.title}
-                                </h3>
-                                <span
-                                  className="px-2 py-1 rounded-full bg-zinc-800/50 
-                                  text-xs text-zinc-400"
-                                >
-                                  {session.messageCount} messages
-                                </span>
-                              </div>
-                            </div>
-
-                            {/* Last message preview */}
-                            <p
-                              className="text-sm text-zinc-400 line-clamp-2 pl-10
-                              group-hover:text-zinc-300 transition-colors"
-                            >
-                              {session.lastMessage}
-                            </p>
-
-                            {/* Date and time */}
-                            <div className="flex items-center gap-4 pl-10">
-                              <div className="flex items-center gap-1.5 text-sm text-zinc-500">
-                                <Calendar className="w-4 h-4" />
-                                <span>{session.date}</span>
-                              </div>
-                              <div className="flex items-center gap-1.5 text-sm text-zinc-500">
-                                <Clock className="w-4 h-4" />
-                                <span>{session.time}</span>
-                              </div>
-                            </div>
-                          </div>
-
-                          {/* Continue chat button */}
-                          <div className="pl-4">
-                            <motion.button
-                              whileHover={{ scale: 1.05, x: 3 }}
-                              whileTap={{ scale: 0.95 }}
-                              className="relative size-10 rounded-full flex items-center justify-center 
-                                hover:bg-primary/10 transition-colors duration-300"
-                            >
-                              <ArrowRight
-                                className="w-5 h-5 text-zinc-400 
-                                group-hover:text-primary transition-colors"
-                              />
-                            </motion.button>
-                          </div>
-                        </div>
-                      </CardContent>
-                    </Card>
-                  </motion.div>
-                ))}
-              </div>
-            </ScrollArea>
-          </CollapsibleContent>
-        </Collapsible>
-      </div>
-    </div>
-  );
-};
-
-export default ChatHistory;
diff --git a/client/src/components/projects/project/Project.tsx b/client/src/components/projects/project/Project.tsx
deleted file mode 100644
index b879a59..0000000
--- a/client/src/components/projects/project/Project.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from "react";
-import { Card, CardContent } from "@/components/ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { History, BookOpen } from "lucide-react";
-import ProjectKnowledge from "./ProjectKnowledge";
-import ChatHistory from "./ChatHistory";
-import ChatInput from "@/components/llm/ChatInput";
-import ProjectHeader from "./ProjectHeader";
-
-const Project: React.FC = () => {
-  return (
-    <div className="min-h-screen w-full bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-zinc-900 via-zinc-950 to-black p-6">
-      <div className="container mx-auto max-w-8xl h-[calc(100vh-3rem)]">
-        <div className="flex gap-6 h-full">
-          {/* Left Section - Chat Area */}
-          <div className="flex-1 flex flex-col min-w-0">
-            <ChatInput onSubmit={() => {}} />
-
-            {/* Chat History with Tabs */}
-            <div className="flex-1 overflow-hidden mb-4">
-              <Card className="bg-black/40 border-zinc-800/50 backdrop-blur-xl h-full">
-                <CardContent className="p-6 h-full">
-                  <Tabs defaultValue="recent" className="h-full flex flex-col">
-                    <div className="flex items-center justify-between mb-6">
-                      <TabsList className="bg-zinc-900/50 border border-zinc-800/50">
-                        <TabsTrigger
-                          value="recent"
-                          className="data-[state=active]:bg-zinc-800/50 data-[state=active]:text-primary relative px-6"
-                        >
-                          <div className="flex items-center gap-2">
-                            <History className="size-4" />
-                            <span>Recent History</span>
-                          </div>
-                          {/* Active tab indicator */}
-                          <div className="absolute bottom-0 left-0 right-0 h-0.5 bg-primary transform scale-x-0 transition-transform data-[state=active]:scale-x-100" />
-                        </TabsTrigger>
-                        <TabsTrigger
-                          value="knowledge"
-                          className="data-[state=active]:bg-zinc-800/50 data-[state=active]:text-primary relative px-6"
-                        >
-                          <div className="flex items-center gap-2">
-                            <BookOpen className="size-4" />
-                            <span>Project Knowledge</span>
-                          </div>
-                          {/* Active tab indicator */}
-                          <div className="absolute bottom-0 left-0 right-0 h-0.5 bg-primary transform scale-x-0 transition-transform data-[state=active]:scale-x-100" />
-                        </TabsTrigger>
-                      </TabsList>
-                    </div>
-
-                    <TabsContent
-                      value="recent"
-                      className="flex-1 mt-0 overflow-hidden"
-                    >
-                      <ChatHistory />
-                    </TabsContent>
-
-                    <TabsContent
-                      value="knowledge"
-                      className="flex-1 mt-0 space-y-4"
-                    >
-                      <ProjectKnowledge />
-                    </TabsContent>
-                  </Tabs>
-                </CardContent>
-              </Card>
-            </div>
-          </div>
-
-          {/* Right Section - Project Details and Files */}
-          <div className="w-[400px] flex flex-col gap-4">
-            <ProjectHeader />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Project;
diff --git a/client/src/components/projects/project/ProjectFiles.tsx b/client/src/components/projects/project/ProjectFiles.tsx
deleted file mode 100644
index 7e9ce33..0000000
--- a/client/src/components/projects/project/ProjectFiles.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-import React, { useState, useCallback } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { Card, CardContent } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  Plus,
-  File,
-  FileText,
-  FileCode,
-  FileImage,
-  FileVideo,
-  FileAudio,
-  FileJson,
-  FileSpreadsheet,
-  FileType2,
-  FileArchive,
-  Search,
-  X,
-  Trash2,
-} from "lucide-react";
-import { cn } from "@/lib/utils";
-import { ScrollArea } from "@/components/ui/scroll-area";
-
-interface ProjectFile {
-  id: string;
-  name: string;
-  uploadedAt: string;
-}
-
-const ProjectFiles: React.FC = () => {
-  const [files, setFiles] = useState<ProjectFile[]>([
-    {
-      id: "1",
-      name: "SystemDesignBasics.pdf",
-      uploadedAt: "2024-02-05T09:00:00Z",
-    },
-    {
-      id: "2",
-      name: "ArchitecturePatterns.md",
-      uploadedAt: "2024-02-05T09:30:00Z",
-    },
-    {
-      id: "3",
-      name: "diagram.svg",
-      uploadedAt: "2024-02-05T10:00:00Z",
-    },
-    {
-      id: "4",
-      name: "code-examples.tsx",
-      uploadedAt: "2024-02-05T10:30:00Z",
-    },
-  ]);
-
-  const [searchQuery, setSearchQuery] = useState("");
-
-  const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (file) {
-      const newFile: ProjectFile = {
-        id: Date.now().toString(),
-        name: file.name,
-        uploadedAt: new Date().toISOString(),
-      };
-      setFiles((prev) => [...prev, newFile]);
-    }
-  };
-
-  const handleRemoveFile = useCallback((fileId: string) => {
-    setFiles((prev) => prev.filter((file) => file.id !== fileId));
-  }, []);
-
-  const filteredFiles = files.filter((file) =>
-    file.name.toLowerCase().includes(searchQuery.toLowerCase())
-  );
-
-  return (
-    <Card className="w-full bg-gradient-to-b from-black/40 to-black/60 border-zinc-800/50 backdrop-blur-2xl overflow-hidden shadow-2xl">
-      <CardContent className="p-6 h-[480px] flex flex-col">
-        {/* Header Section */}
-        <div className="flex items-center justify-between mb-6">
-          <div className="flex flex-col">
-            <h3 className="text-xl font-semibold text-zinc-100">Files</h3>
-            <p className="text-sm text-zinc-400">{files.length} total</p>
-          </div>
-          <Button
-            size="sm"
-            className="bg-primary/10 hover:bg-primary/20 text-primary border border-primary/20 shadow-lg shadow-primary/10 hover:shadow-primary/20 transition-all duration-300"
-            onClick={() => document.getElementById("file-upload")?.click()}
-          >
-            <Plus className="w-4 h-4 mr-2" />
-            Add File
-          </Button>
-          <Input
-            id="file-upload"
-            type="file"
-            className="hidden"
-            onChange={handleFileUpload}
-          />
-        </div>
-
-        {/* Search Section */}
-        <div className="relative mb-6">
-          <div className="absolute inset-0 bg-zinc-900/50 rounded-lg blur-md" />
-          <div className="relative">
-            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-zinc-400" />
-            <Input
-              type="text"
-              placeholder="Search files..."
-              value={searchQuery}
-              onChange={(e) => setSearchQuery(e.target.value)}
-              className="pl-10 bg-zinc-900/50 border-zinc-800/50 text-zinc-200 placeholder:text-zinc-500 h-11 ring-offset-zinc-900/50 focus-visible:ring-primary/30"
-            />
-            {searchQuery && (
-              <Button
-                onClick={() => setSearchQuery("")}
-                className="absolute right-3 top-1/2 transform -translate-y-1/2 hover:bg-zinc-800/50 p-1 rounded-md transition-colors duration-200"
-              >
-                <X className="h-4 w-4 text-zinc-400 hover:text-zinc-300" />
-              </Button>
-            )}
-          </div>
-        </div>
-
-        {/* Files List Section */}
-        <div className="flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-zinc-800 scrollbar-track-transparent pr-2">
-          <AnimatePresence mode="popLayout">
-            {filteredFiles.length > 0 ? (
-              <ScrollArea className="h-full">
-                {filteredFiles.map((file) => {
-                  const { Icon, color, bgColor } = getFileIcon(file.name);
-
-                  return (
-                    <motion.div
-                      key={file.id}
-                      initial={{ opacity: 0, y: 20 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      exit={{ opacity: 0, y: -20 }}
-                      className="p-4 rounded-xl hover:bg-zinc-800/30 bg-zinc-900/20
-                        cursor-pointer group transition-all duration-300 border border-zinc-800/50 hover:border-zinc-700/50"
-                    >
-                      <div className="flex items-center justify-between gap-4">
-                        <div className="flex items-center gap-4 flex-1 min-w-0">
-                          <div className="relative">
-                            <div
-                              className={cn(
-                                "absolute inset-0 rounded-xl blur-2xl scale-0 group-hover:scale-150 transition-transform duration-500",
-                                bgColor
-                              )}
-                            />
-                            <div
-                              className={cn(
-                                "relative size-10 rounded-lg flex items-center justify-center",
-                                "border border-zinc-800/50 group-hover:border-zinc-700/50",
-                                "transition-colors duration-300",
-                                bgColor
-                              )}
-                            >
-                              <Icon className={cn("size-5", color)} />
-                            </div>
-                          </div>
-                          <div className="flex-1 min-w-0">
-                            <p
-                              className={cn(
-                                "text-sm font-medium text-zinc-200 group-hover:text-zinc-100 transition-colors duration-300 truncate"
-                              )}
-                            >
-                              {file.name}
-                            </p>
-                            <p className="text-xs text-zinc-500 mt-0.5">
-                              {new Date(file.uploadedAt).toLocaleDateString(
-                                undefined,
-                                {
-                                  month: "short",
-                                  day: "numeric",
-                                  year: "numeric",
-                                }
-                              )}
-                            </p>
-                          </div>
-                        </div>
-                        <Button
-                          size="icon"
-                          variant="ghost"
-                          className="size-8 opacity-0 group-hover:opacity-100 transition-all duration-300 hover:bg-red-500/10 hover:text-red-400"
-                          onClick={(e) => {
-                            e.stopPropagation();
-                            handleRemoveFile(file.id);
-                          }}
-                        >
-                          <Trash2 className="size-4" />
-                        </Button>
-                      </div>
-                    </motion.div>
-                  );
-                })}
-              </ScrollArea>
-            ) : (
-              <motion.div
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                className="flex flex-col items-center justify-center h-48 text-zinc-500 bg-zinc-900/20 rounded-xl border border-zinc-800/50"
-              >
-                <FileText className="h-12 w-12 mb-4 opacity-50" />
-                <p className="text-sm font-medium mb-1">
-                  {searchQuery
-                    ? "No files match your search"
-                    : "No files uploaded yet"}
-                </p>
-                <p className="text-xs text-zinc-600">
-                  {searchQuery
-                    ? "Try a different search term"
-                    : "Upload your first file to get started"}
-                </p>
-              </motion.div>
-            )}
-          </AnimatePresence>
-        </div>
-      </CardContent>
-    </Card>
-  );
-};
-
-const fileTypeConfig = {
-  code: [
-    "js",
-    "ts",
-    "jsx",
-    "tsx",
-    "html",
-    "css",
-    "scss",
-    "less",
-    "py",
-    "java",
-    "cpp",
-    "c",
-    "cs",
-    "php",
-    "rb",
-    "go",
-    "rust",
-  ] as const,
-  image: ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"] as const,
-  video: ["mp4", "webm", "mov", "avi", "mkv"] as const,
-  audio: ["mp3", "wav", "ogg", "flac", "m4a"] as const,
-  document: ["doc", "docx", "txt", "rtf", "odt"] as const,
-  pdf: ["pdf"] as const,
-  spreadsheet: ["xls", "xlsx", "csv", "ods"] as const,
-  presentation: ["ppt", "pptx", "odp"] as const,
-  archive: ["zip", "rar", "7z", "tar", "gz"] as const,
-  json: ["json"] as const,
-  markdown: ["md", "mdx"] as const,
-} as const;
-
-const getFileExtension = (filename: string): string => {
-  return filename.split(".").pop()?.toLowerCase() ?? "";
-};
-
-const getFileIcon = (filename: string) => {
-  const extension = getFileExtension(filename);
-
-  const isType = (category: keyof typeof fileTypeConfig) => {
-    const fileType = fileTypeConfig[category];
-    for (const type of fileType) {
-      if (type === extension) {
-        return true;
-      }
-    }
-    return false;
-  };
-
-  if (isType("code")) {
-    return {
-      Icon: FileCode,
-      color: "text-emerald-400",
-      bgColor: "bg-emerald-400/20",
-    };
-  }
-  if (isType("image")) {
-    return {
-      Icon: FileImage,
-      color: "text-blue-400",
-      bgColor: "bg-blue-400/20",
-    };
-  }
-  if (isType("video")) {
-    return {
-      Icon: FileVideo,
-      color: "text-purple-400",
-      bgColor: "bg-purple-400/20",
-    };
-  }
-  if (isType("audio")) {
-    return {
-      Icon: FileAudio,
-      color: "text-pink-400",
-      bgColor: "bg-pink-400/20",
-    };
-  }
-  if (isType("spreadsheet")) {
-    return {
-      Icon: FileSpreadsheet,
-      color: "text-green-400",
-      bgColor: "bg-green-400/20",
-    };
-  }
-  if (isType("json")) {
-    return {
-      Icon: FileJson,
-      color: "text-yellow-400",
-      bgColor: "bg-yellow-400/20",
-    };
-  }
-  if (isType("markdown")) {
-    return {
-      Icon: FileText,
-      color: "text-blue-400",
-      bgColor: "bg-blue-400/20",
-    };
-  }
-  if (isType("archive")) {
-    return {
-      Icon: FileArchive,
-      color: "text-orange-400",
-      bgColor: "bg-orange-400/20",
-    };
-  }
-  if (isType("document")) {
-    return {
-      Icon: FileType2,
-      color: "text-sky-400",
-      bgColor: "bg-sky-400/20",
-    };
-  }
-  return {
-    Icon: File,
-    color: "text-primary",
-    bgColor: "bg-primary/20",
-  };
-};
-
-export default ProjectFiles;
diff --git a/client/src/components/projects/project/ProjectHeader.tsx b/client/src/components/projects/project/ProjectHeader.tsx
deleted file mode 100644
index 719d355..0000000
--- a/client/src/components/projects/project/ProjectHeader.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { Rocket, Calendar, Clock, MessageCircle } from "lucide-react";
-import React from "react";
-
-interface ProjectDetails {
-  title: string;
-  description: string;
-  createdAt: string;
-  lastActive: string;
-  totalConversations: number;
-}
-
-const projectDetails: ProjectDetails = {
-  title: "System Design Interview Prep",
-  description:
-    "A comprehensive preparation guide for system design interviews, covering architectural patterns, scalability, and best practices.",
-  createdAt: "2024-02-01",
-  lastActive: "2024-02-05",
-  totalConversations: 12,
-};
-
-const ProjectHeader: React.FC = () => {
-  return (
-    <Card className="relative overflow-hidden bg-gradient-to-br from-black/40 via-black/30 to-black/40 border-zinc-800/50 backdrop-blur-xl">
-      {/* Subtle background gradient overlay */}
-      <div className="absolute inset-0 bg-gradient-to-br from-indigo-500/5 via-violet-500/5 to-purple-500/5" />
-
-      {/* Corner decoration */}
-      <div className="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-primary/10 via-primary/5 to-transparent transform rotate-45 translate-x-16 -translate-y-16" />
-
-      <CardContent className="relative p-6">
-        <div className="space-y-6">
-          <div className="flex items-start gap-4">
-            <div className="relative group">
-              {/* Icon background effects */}
-              <div className="absolute inset-0 bg-gradient-to-br from-primary/30 via-primary/20 to-primary/10 rounded-xl blur-xl group-hover:scale-110 transition-transform duration-300" />
-              <div className="absolute inset-0 bg-gradient-to-br from-indigo-500/20 via-violet-500/20 to-purple-500/20 rounded-xl blur-md opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
-              <div className="relative size-14 rounded-xl bg-gradient-to-br from-zinc-800 via-zinc-900 to-black flex items-center justify-center border border-zinc-700/50 group-hover:border-zinc-600/50 shadow-lg shadow-primary/10 group-hover:shadow-primary/20 transition-all duration-300">
-                <Rocket className="size-7 text-primary group-hover:scale-110 transition-transform duration-300" />
-              </div>
-            </div>
-
-            <div className="flex-1 min-w-0">
-              <div className="bg-gradient-to-r from-zinc-200 via-zinc-100 to-zinc-200 bg-clip-text">
-                <h1 className="text-2xl font-bold text-transparent">
-                  {projectDetails.title}
-                </h1>
-              </div>
-              <p className="text-sm text-zinc-400 mt-2 line-clamp-2 leading-relaxed">
-                {projectDetails.description}
-              </p>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 gap-3 pt-2 border-t border-zinc-800/50">
-            {/* Project metadata with hover effects */}
-            <div className="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-zinc-800/30 transition-colors duration-200">
-              <div className="relative size-8 rounded-lg bg-gradient-to-br from-blue-500/10 to-blue-500/5 flex items-center justify-center">
-                <Calendar className="size-4 text-blue-400" />
-              </div>
-              <span className="text-sm text-zinc-400">
-                Created {projectDetails.createdAt}
-              </span>
-            </div>
-
-            <div className="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-zinc-800/30 transition-colors duration-200">
-              <div className="relative size-8 rounded-lg bg-gradient-to-br from-green-500/10 to-green-500/5 flex items-center justify-center">
-                <Clock className="size-4 text-green-400" />
-              </div>
-              <span className="text-sm text-zinc-400">
-                Last active {projectDetails.lastActive}
-              </span>
-            </div>
-
-            <div className="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-zinc-800/30 transition-colors duration-200">
-              <div className="relative size-8 rounded-lg bg-gradient-to-br from-purple-500/10 to-purple-500/5 flex items-center justify-center">
-                <MessageCircle className="size-4 text-purple-400" />
-              </div>
-              <span className="text-sm text-zinc-400">
-                {projectDetails.totalConversations} conversations
-              </span>
-            </div>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-};
-
-export default ProjectHeader;
diff --git a/client/src/components/projects/project/ProjectKnowledge.tsx b/client/src/components/projects/project/ProjectKnowledge.tsx
deleted file mode 100644
index 66d828b..0000000
--- a/client/src/components/projects/project/ProjectKnowledge.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import React, { useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { Card, CardContent } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Trash2, BookOpen, Files, FileText } from "lucide-react";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import ProjectFiles from "./ProjectFiles";
-
-interface KnowledgeEntry {
-  id: string;
-  title: string;
-  description: string;
-  createdAt: string;
-  category: string;
-}
-
-const ProjectKnowledge: React.FC = () => {
-  const [knowledgeEntries, setKnowledgeEntries] = useState<KnowledgeEntry[]>([
-    {
-      id: "1",
-      title: "System Design Fundamentals",
-      description:
-        "Core concepts of distributed systems including scalability, reliability, and consistency. This covers the CAP theorem, eventual consistency, and basic architectural patterns.",
-      createdAt: "2024-02-05T09:00:00Z",
-      category: "Architecture",
-    },
-    {
-      id: "2",
-      title: "Load Balancing Strategies",
-      description:
-        "Different approaches to load balancing including round-robin, least connections, and weighted methods. Includes practical examples and trade-offs.",
-      createdAt: "2024-02-05T10:00:00Z",
-      category: "Infrastructure",
-    },
-  ]);
-
-  const [searchQuery, setSearchQuery] = useState("");
-  const [newEntry, setNewEntry] = useState({
-    title: "",
-    description: "",
-    category: "",
-  });
-
-  const handleRemoveEntry = (id: string) => {
-    setKnowledgeEntries((prev) => prev.filter((entry) => entry.id !== id));
-  };
-
-  const filteredEntries = knowledgeEntries.filter(
-    (entry) =>
-      entry.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      entry.description.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      entry.category.toLowerCase().includes(searchQuery.toLowerCase())
-  );
-
-  return (
-    <Card className="bg-gradient-to-b from-black/40 to-black/60 border-zinc-800/50 backdrop-blur-2xl overflow-hidden shadow-2xl">
-      <CardContent className="p-6 h-[480px] flex flex-col">
-        {/* Content Tabs */}
-        <Tabs defaultValue="knowledge" className="flex-1">
-          <TabsList className="grid w-full grid-cols-2 mb-6 bg-zinc-900/50">
-            <TabsTrigger
-              value="knowledge"
-              className="data-[state=active]:bg-zinc-800/50 data-[state=active]:text-primary"
-            >
-              <BookOpen className="w-4 h-4 mr-2" />
-              Knowledge Base
-            </TabsTrigger>
-            <TabsTrigger
-              value="files"
-              className="data-[state=active]:bg-zinc-800/50 data-[state=active]:text-primary"
-            >
-              <Files className="w-4 h-4 mr-2" />
-              Project Files
-            </TabsTrigger>
-          </TabsList>
-
-          <TabsContent value="knowledge" className="flex-1 mt-0">
-            <ScrollArea className="h-[320px] pr-4">
-              <AnimatePresence mode="popLayout">
-                {filteredEntries.length > 0 ? (
-                  <div className="space-y-4">
-                    {filteredEntries.map((entry) => (
-                      <motion.div
-                        key={entry.id}
-                        initial={{ opacity: 0, y: 20 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        exit={{ opacity: 0, y: -20 }}
-                        className="p-4 rounded-xl bg-zinc-900/20 border border-zinc-800/50 hover:border-zinc-700/50 group transition-all duration-300"
-                      >
-                        <div className="flex items-start justify-between gap-4">
-                          <div className="flex-1 min-w-0">
-                            <div className="flex items-center gap-2">
-                              <h3 className="text-sm font-medium text-zinc-200">
-                                {entry.title}
-                              </h3>
-                              <span className="px-2 py-0.5 rounded-full text-xs bg-zinc-800/50 text-zinc-400">
-                                {entry.category}
-                              </span>
-                            </div>
-                            <p className="mt-2 text-sm text-zinc-400 leading-relaxed">
-                              {entry.description}
-                            </p>
-                            <p className="mt-2 text-xs text-zinc-500">
-                              Added{" "}
-                              {new Date(entry.createdAt).toLocaleDateString()}
-                            </p>
-                          </div>
-                          <Button
-                            size="icon"
-                            variant="ghost"
-                            className="opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-500/10 hover:text-red-400"
-                            onClick={() => handleRemoveEntry(entry.id)}
-                          >
-                            <Trash2 className="h-4 w-4" />
-                          </Button>
-                        </div>
-                      </motion.div>
-                    ))}
-                  </div>
-                ) : (
-                  <motion.div
-                    initial={{ opacity: 0 }}
-                    animate={{ opacity: 1 }}
-                    exit={{ opacity: 0 }}
-                    className="flex flex-col items-center justify-center h-48 text-zinc-500"
-                  >
-                    <FileText className="h-12 w-12 mb-4 opacity-50" />
-                    <p className="text-sm font-medium mb-1">
-                      {searchQuery
-                        ? "No entries match your search"
-                        : "No knowledge entries yet"}
-                    </p>
-                    <p className="text-xs text-zinc-600">
-                      {searchQuery
-                        ? "Try a different search term"
-                        : "Add your first entry to get started"}
-                    </p>
-                  </motion.div>
-                )}
-              </AnimatePresence>
-            </ScrollArea>
-          </TabsContent>
-
-          <TabsContent value="files" className="flex-1 mt-0">
-            <ProjectFiles />
-          </TabsContent>
-        </Tabs>
-      </CardContent>
-    </Card>
-  );
-};
-
-export default ProjectKnowledge;
diff --git a/server/src/features/__init__.py b/server/src/features/__init__.py
index 8816108..7b36703 100644
--- a/server/src/features/__init__.py
+++ b/server/src/features/__init__.py
@@ -1,13 +1,9 @@
 from .topics import topics_router
-from .interview import interview_router
 from .explore import explore_router
 from .threads import threads_router
-from .infinity import infinity_router
 
 
 __all__ = ["topics_router",
-           "interview_router",
            "explore_router",
-           "threads_router",
-           "infinity_router"
+           "threads_router"
            ]
diff --git a/server/src/features/infinity/__init__.py b/server/src/features/infinity/__init__.py
deleted file mode 100644
index 2d71448..0000000
--- a/server/src/features/infinity/__init__.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from .handlers import router as infinity_router
-
-__all__ = ["infinity_router"]
diff --git a/server/src/features/infinity/base.py b/server/src/features/infinity/base.py
deleted file mode 100644
index e9f33f1..0000000
--- a/server/src/features/infinity/base.py
+++ /dev/null
@@ -1,59 +0,0 @@
-from enum import Enum
-from pydantic import BaseModel, Field
-from typing import Any, ClassVar
-
-
-class ModeType(str, Enum):
-    """Enumeration of all available learning modes."""
-    STANDARD = "standard"
-    INTERVIEW = "interview"
-    FIRST_PRINCIPLES = "principles"
-    PRACTICAL = "practical"
-    COMPARATIVE = "comparative"
-    QUIZ = "quiz"
-    VISUAL = "visual"
-
-
-class ModeConfig(BaseModel):
-    """Base configuration model for learning modes."""
-    mode_type: ModeType = Field(
-        description="The type of mode to use",
-        default=ModeType.STANDARD
-    )
-    name: str = Field(
-        description="The name of the mode",
-        default="Standard"
-    )
-    description: str = Field(
-        description="A short description of the mode",
-        default="Standard mode"
-    )
-    metadata: dict[str, Any] = Field(
-        description="Additional metadata specific to this mode",
-        default_factory=dict
-    )
-    prompt_template: ClassVar[str] = ""
-
-    def get_prompt(
-            self,
-            topic_title: str,
-            difficulty: str,
-            category_name: str,
-            extra_instructions: str = ""
-    ) -> str:
-        """Generate a prompt for content creation based on this mode's template."""
-        return self.prompt_template.format(
-            topic_title=topic_title,
-            difficulty=difficulty,
-            category_name=category_name,
-            extra_instructions=extra_instructions
-        )
-    
-    def serialize(self) -> dict[str, Any]:
-        """Serialize the mode configuration to a dictionary."""
-        return {
-            "mode_type": self.mode_type,
-            "name": self.name,
-            "description": self.description,
-            "metadata": self.metadata
-        }
diff --git a/server/src/features/infinity/handlers.py b/server/src/features/infinity/handlers.py
deleted file mode 100644
index cd4ae01..0000000
--- a/server/src/features/infinity/handlers.py
+++ /dev/null
@@ -1,19 +0,0 @@
-from fastapi import APIRouter, Depends, Query, Path, Body, BackgroundTasks, HTTPException, status
-from typing import List, Optional, Dict, Any
-from pydantic import BaseModel, Field
-
-from config.models import Model
-from fastapi_components import BaseContentGenerateRequest
-
-router = APIRouter(prefix="/infinity", tags=["infinity"])
-
-
-class ModeResponse(BaseModel):
-    """Response model for mode information."""
-    id: str = Field(description="The unique identifier for the mode")
-    mode_type: str = Field(description="The type of mode")
-    name: str = Field(description="The name of the mode")
-    description: str = Field(description="A short description of the mode")
-    metadata: dict[str, Any] = Field(
-        default_factory=dict,
-        description="Additional metadata about the mode")
diff --git a/server/src/features/infinity/handlers/__init__.py b/server/src/features/infinity/handlers/__init__.py
deleted file mode 100644
index 4b2af9c..0000000
--- a/server/src/features/infinity/handlers/__init__.py
+++ /dev/null
@@ -1,7 +0,0 @@
-from fastapi import APIRouter
-from .topic import router as topics_router
-
-router = APIRouter(prefix="/infinity", tags=["Topic"])
-router.include_router(topics_router)
-
-__all__ = ["router"]
diff --git a/server/src/features/infinity/handlers/topic.py b/server/src/features/infinity/handlers/topic.py
deleted file mode 100644
index d1625d0..0000000
--- a/server/src/features/infinity/handlers/topic.py
+++ /dev/null
@@ -1,40 +0,0 @@
-from fastapi import APIRouter, HTTPException, status
-from features.infinity.services.topics import TopicGeneratorService
-from pydantic import BaseModel, Field
-from typing import Optional
-
-router = APIRouter(prefix="/topics", tags=["Topic"])
-
-topic_generator = TopicGeneratorService()
-
-
-class TopicGenerationRequest(BaseModel):
-    category_id: str
-    count: int = Field(default=30, ge=1, le=100)
-    model: Optional[str] = None
-
-
-@router.post("/generate", status_code=status.HTTP_201_CREATED)
-async def generate_initial_topics(request: TopicGenerationRequest):
-    """Generate an initial set of topic titles for a category."""
-    try:
-        topics = await topic_generator.generate_initial_topics(
-            category_id=request.category_id,
-            count=request.count,
-            model_name=request.model
-        )
-
-        return {
-            "message": f"Successfully generated {len(topics)} topics",
-            "topics": topics
-        }
-    except ValueError as e:
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST,
-            detail=str(e)
-        )
-    except Exception as e:
-        raise HTTPException(
-            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
-            detail=f"Error generating topics: {str(e)}"
-        )
diff --git a/server/src/features/infinity/impls.py b/server/src/features/infinity/impls.py
deleted file mode 100644
index 82ffd9d..0000000
--- a/server/src/features/infinity/impls.py
+++ /dev/null
@@ -1,644 +0,0 @@
-from .base import ModeType, ModeConfig
-
-
-class StandardMode(ModeConfig):
-    """Standard comprehensive explanation mode."""
-    mode_type = ModeType.STANDARD
-    name = "Standard Explanation"
-    description = "Comprehensive explanation of the topic with examples and applications"
-
-    prompt_template = """
-    Create a comprehensive educational explanation of {topic_title}.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with the following sections:
-
-    # {topic_title}
-
-    ## Core Concept Provide a clear, concise explanation of the central idea behind {topic_title}. Focus on what 
-    makes this concept unique and its foundational principles. This should be accessible to someone new to the topic.
-
-    ## Detailed Explanation
-    Elaborate on the core concept with in-depth technical details. Include:
-    - Historical context if relevant
-    - Theoretical foundations
-    - Key mechanisms or processes
-    - Important variations or subtypes
-    - Common misconceptions
-
-    ## Practical Example
-    Present a concrete example that demonstrates {topic_title} in action. This could be:
-    - A code snippet if it's a programming concept
-    - A worked-through problem if it's mathematical
-    - A real-world scenario if it's a theoretical concept
-    - A step-by-step procedure if it's a process
-
-    ## Key Insights
-    - Highlight 3-5 crucial insights that deepen understanding of {topic_title}
-    - Focus on non-obvious aspects that experts know but beginners might miss
-    - Include any special cases or exceptions worth noting
-
-    ## Practical Applications
-    - Provide 3-5 real-world applications or use cases
-    - Explain how {topic_title} solves specific problems in these contexts
-    - Include examples from different domains if applicable
-
-    ## Related Concepts
-    - List 3-5 related concepts that build upon or complement {topic_title}
-    - Briefly explain how each concept relates to {topic_title}
-    - Suggest a logical learning sequence if applicable
-
-    {extra_instructions}
-    """
-
-
-class InterviewMode(ModeConfig):
-    """Interview preparation mode with questions and answers."""
-    mode_type = ModeType.INTERVIEW
-    name = "Interview Prep"
-    description = "Common interview questions and model answers on this topic"
-
-    prompt_template = """
-    Create an interview preparation guide for {topic_title}.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with the following sections:
-
-    # Interview Questions: {topic_title}
-
-    ## Overview Start with a brief overview of why {topic_title} is important in technical interviews and what 
-    interviewers are typically looking for when they ask about it.
-
-    ## Foundational Questions
-
-    1. **Question**: What is {topic_title} and why is it important?
-       **Answer**: [Provide a concise, clear definition and explanation of importance]
-
-    2. **Question**: [Basic conceptual question about {topic_title}]
-       **Answer**: [Clear, concise answer that demonstrates understanding]
-
-    3. **Question**: [Common entry-level question about {topic_title}]
-       **Answer**: [Detailed answer with simple examples]
-
-    ## Intermediate Questions
-
-    4. **Question**: [Question about implementation details or practical applications]
-       **Answer**: [Comprehensive answer with examples or code snippets if applicable]
-
-    5. **Question**: [Question about common challenges or limitations]
-       **Answer**: [Answer that shows deeper understanding of nuances]
-
-    6. **Question**: [Question about alternatives or related approaches]
-       **Answer**: [Comparative answer highlighting pros and cons]
-
-    ## Advanced Questions
-
-    7. **Question**: [Complex question testing deep understanding]
-       **Answer**: [In-depth answer showing expert knowledge]
-
-    8. **Question**: [Question about optimization, edge cases, or best practices]
-       **Answer**: [Sophisticated answer with trade-offs and considerations]
-
-    9. **Question**: [Question about recent developments or advanced applications]
-       **Answer**: [Forward-looking answer demonstrating awareness of trends]
-
-    ## System Design / Real World Application
-
-    10. **Question**: How would you implement/apply {topic_title} in a real-world system?
-        **Answer**: [Structured approach to implementation with considerations for:
-        - Scale
-        - Performance
-        - Reliability
-        - Trade-offs]
-
-    ## Behavioral Questions
-
-    11. **Question**: Describe a situation where you had to use {topic_title} to solve a problem.
-        **Answer**: [STAR format answer template showing how to discuss experience with this topic]
-
-    ## How to Demonstrate Your Knowledge
-
-    [Provide specific advice on:
-    - Key terminology to use
-    - Common pitfalls to avoid
-    - How to structure answers effectively
-    - How to demonstrate both theoretical knowledge and practical experience]
-
-    ## Questions to Ask the Interviewer
-
-    [Suggest 3-5 thoughtful questions the candidate could ask about how the company uses or implements {topic_title}]
-
-    {extra_instructions}
-    """
-
-
-class FirstPrinciplesMode(ModeConfig):
-    """First principles learning mode that breaks topics down to fundamentals."""
-    mode_type = ModeType.FIRST_PRINCIPLES
-    name = "First Principles"
-    description = "Break down complex topics into fundamental building blocks"
-
-    prompt_template = """
-    Create an explanation of {topic_title} from first principles.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown, breaking down the topic to its most fundamental concepts:
-
-    # Understanding {topic_title} From First Principles
-
-    ## What is First Principles Thinking? Start with a brief explanation of what it means to understand something 
-    from first principles - breaking down complex ideas into fundamental truths that cannot be deduced from other 
-    propositions.
-
-    ## Foundational Concepts
-    Identify the most basic elements or truths that underlie {topic_title}. These should be concepts that:
-    - Are self-evident or previously well-established
-    - Cannot be broken down further in a meaningful way
-    - Form the building blocks for understanding the topic
-
-    For each foundational concept, provide:
-    1. A clear definition
-    2. Why it's considered fundamental
-    3. How it relates to {topic_title}
-
-    ## Building Up From Fundamentals
-
-    ### Step 1: [First logical step] Explain how the first fundamental concepts combine or lead to the next level of 
-    understanding. Use clear reasoning and avoid skipping logical steps.
-
-    ### Step 2: [Second logical step]
-    Continue building on previous steps, showing how new concepts emerge from the combination of more fundamental ones.
-
-    ### Step 3: [Third logical step]
-    Progress through the logical sequence of understanding, always referring back to more fundamental concepts.
-
-    [Continue with Steps 4, 5, etc. as needed]
-
-    ## Final Synthesis: {topic_title} Show how the complete concept of {topic_title} emerges from the building blocks 
-    you've established. Emphasize how each component is necessary and how they fit together.
-
-    ## Why This Matters
-    Explain why understanding {topic_title} from first principles:
-    - Provides deeper insight than memorizing facts
-    - Enables innovation and problem-solving
-    - Allows adaptation to new situations
-    - Prevents misconceptions
-
-    ## Common Misconceptions Identify 3-5 common misconceptions about {topic_title} and explain why they arise when 
-    people don't understand the first principles.
-
-    ## Practical Understanding Provide a practical example that demonstrates how first-principles thinking about {
-    topic_title} leads to better solutions or deeper understanding than surface-level knowledge.
-
-    {extra_instructions}
-    """
-
-
-class PracticalMode(ModeConfig):
-    """Practical application mode focused on hands-on examples."""
-    mode_type = ModeType.PRACTICAL
-    name = "Practical Applications"
-    description = "Learn through hands-on examples and real-world applications"
-
-    prompt_template = """
-    Create a practical guide for applying {topic_title} in real-world scenarios.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with an emphasis on practical examples:
-
-    # Practical Guide: {topic_title}
-
-    ## Quick Theory Recap Provide a brief explanation of what {topic_title} is - no more than 2 paragraphs. Focus 
-    only on the essential theory needed to understand the practical examples.
-
-    ## Key Components/Prerequisites List any tools, libraries, technologies, or prior knowledge that will be needed 
-    to work with the examples in this guide.
-
-    ## Practical Example 1: [Specific real-world application]
-
-    ### Problem Statement
-    Clearly describe a realistic problem that {topic_title} can solve.
-
-    ### Implementation
-    ```
-    [Detailed code example, step-by-step procedure, or implementation plan]
-    ```
-
-    ### Step-by-Step Explanation
-    1. [First step with detailed explanation]
-    2. [Second step with detailed explanation]
-    3. [Continue with remaining steps]
-
-    ### Key Points
-    - Highlight critical aspects of this implementation
-    - Explain any non-obvious decisions or techniques
-    - Point out potential customization points
-
-    ## Practical Example 2: [Different application]
-
-    ### Problem Statement
-    [Describe a different problem with different requirements or constraints]
-
-    ### Implementation
-    ```
-    [Another detailed example with a different approach]
-    ```
-
-    ### Step-by-Step Explanation
-    [Detailed walkthrough as with first example]
-
-    ### Key Points
-    [Highlight different aspects than in the first example]
-
-    ## Common Pitfalls and Solutions
-
-    1. **Pitfall**: [Common mistake people make when implementing {topic_title}]
-       **Solution**: [Specific actionable solution with example]
-
-    2. **Pitfall**: [Another common issue]
-       **Solution**: [How to address it]
-
-    3. **Pitfall**: [A third common problem]
-       **Solution**: [Clear resolution]
-
-    ## Performance Considerations
-    Discuss practical aspects of implementation such as:
-    - Efficiency and optimization techniques
-    - Scalability concerns
-    - Resource usage
-    - Trade-offs between different approaches
-
-    ## Best Practices
-    Provide a checklist of best practices for implementing {topic_title}:
-
-    - [Important practice 1]
-    - [Important practice 2]
-    - [Important practice 3]
-    - [Important practice 4]
-    - [Important practice 5]
-
-    ## Project Ideas to Practice
-
-    1. **Beginner**: [Simple project idea using this concept]
-    2. **Intermediate**: [More complex project idea]
-    3. **Advanced**: [Challenging project that incorporates multiple aspects]
-
-    ## Resources for Further Practice
-    Suggest tools, libraries, platforms, or resources that can help with practical implementation.
-
-    {extra_instructions}
-    """
-
-
-class ComparativeMode(ModeConfig):
-    """Comparative learning mode for understanding through comparison."""
-    mode_type = ModeType.COMPARATIVE
-    name = "Comparative Learning"
-    description = "Understand this topic by comparing it with related concepts"
-
-    prompt_template = """
-    Create a comparative analysis of {topic_title} and related concepts.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with comparison tables and analysis:
-
-    # Comparative Analysis: {topic_title}
-
-    ## Core Concept Overview Start with a clear explanation of what {topic_title} is, focusing on aspects that will 
-    be important for comparison. Keep this section focused and concise (2-3 paragraphs).
-
-    ## Related Concepts Identify 3-4 closely related concepts or alternatives that are often compared or confused 
-    with {topic_title}. For each related concept, provide:
-
-    1. **[Related Concept 1]**: Brief definition and primary purpose (1 paragraph)
-    2. **[Related Concept 2]**: Brief definition and primary purpose (1 paragraph)
-    3. **[Related Concept 3]**: Brief definition and primary purpose (1 paragraph)
-    4. **[Related Concept 4]** (if applicable): Brief definition and primary purpose (1 paragraph)
-
-    ## Detailed Comparisons
-
-    ### {topic_title} vs [Related Concept 1]
-
-    | Feature | {topic_title} | [Related Concept 1] |
-    |---------|---------------|---------------------|
-    | Primary purpose | [Description] | [Description] |
-    | Key strengths | [Description] | [Description] |
-    | Limitations | [Description] | [Description] |
-    | Implementation complexity | [Description] | [Description] |
-    | Performance characteristics | [Description] | [Description] |
-    | Learning curve | [Description] | [Description] |
-    | Best use case | [When to use] | [When to use] |
-
-    **Key Differences**: [Detailed explanation of the most important differences, including technical distinctions 
-    and practical implications]
-
-    **Similarities**:
-    [Explanation of important commonalities or shared characteristics]
-
-    ### {topic_title} vs [Related Concept 2]
-    [Repeat the same table structure and analysis]
-
-    ### {topic_title} vs [Related Concept 3]
-    [Repeat the same table structure and analysis]
-
-    [If applicable: {topic_title} vs [Related Concept 4]]
-
-    ## Decision Framework: When to Choose Each Option
-
-    Create a decision tree or flowchart in text form to help readers choose between these options:
-
-    1. If your primary need is [specific requirement], then:
-       - Choose **{topic_title}** when [specific conditions]
-       - Choose **[Related Concept 1]** when [specific conditions]
-
-    2. If your constraints include [specific constraint], then:
-       - Choose **{topic_title}** when [specific conditions]
-       - Choose **[Related Concept 2]** when [specific conditions]
-
-    [Continue with additional decision points]
-
-    ## Hybrid Approaches Explain how {topic_title} might be combined with one or more related concepts to create 
-    hybrid solutions that leverage strengths of multiple approaches. Provide at least one concrete example of such a 
-    hybrid approach.
-
-    ## Common Transition Scenarios
-    Describe common scenarios where a project might transition:
-    - From {topic_title} to [Related Concept]
-    - From [Related Concept] to {topic_title}
-
-    Include the typical reasons for such transitions and implementation considerations.
-
-    ## Historical Context
-    Briefly explain how these concepts evolved in relation to each other:
-    - Which came first?
-    - How did they influence each other?
-    - How have their relative positions changed over time?
-
-    {extra_instructions}
-    """
-
-
-class QuizMode(ModeConfig):
-    """Self-assessment quiz mode with practice questions."""
-    mode_type = ModeType.QUIZ
-    name = "Self-Assessment Quiz"
-    description = "Test and reinforce your knowledge with practice questions"
-
-    prompt_template = """
-    Create a comprehensive self-assessment quiz for {topic_title}.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with questions and hidden answers using HTML details tags:
-
-    # Quiz: {topic_title}
-
-    ## Introduction
-    Start with a brief introduction to this quiz, explaining:
-    - What knowledge it will test
-    - How the questions progress in difficulty
-    - How to use the quiz effectively for learning
-
-    ## Concept Check Questions
-
-    1. **Question**: [Basic question testing fundamental understanding of {topic_title}]
-       - A. [Option A]
-       - B. [Option B]
-       - C. [Option C]
-       - D. [Option D]
-
-       <details>
-       <summary>See Answer</summary>
-
-       **Correct Answer**: [Letter]
-
-       **Explanation**: [Detailed explanation of why this answer is correct and why others are incorrect. Include any 
-       relevant principles or concepts.] </details>
-
-    2. **Question**: [Another fundamental question]
-       [Options and answer format as above]
-
-    3. **Question**: [A third fundamental question]
-       [Options and answer format as above]
-
-    ## Application Questions
-
-    4. **Question**: [Question about applying {topic_title} to a specific scenario]
-       [Options and answer format as above]
-
-    5. **Question**: [Another application question]
-       [Options and answer format as above]
-
-    ## Problem-Solving Questions
-
-    6. **Question**: [Open-ended problem that requires applying {topic_title}]
-
-       <details>
-       <summary>See Solution</summary>
-
-       **Solution Approach**:
-       1. [First step]
-       2. [Second step]
-       3. [Third step]
-
-       **Complete Solution**: [Full solution with explanation]
-
-       **Key Insights**:
-       - [Important insight from this problem]
-       - [Another insight]
-       </details>
-
-    7. **Question**: [Another problem-solving question]
-       [Solution format as above]
-
-    ## Advanced Concepts
-
-    8. **Question**: [Question testing advanced understanding]
-       [Options and answer format as above]
-
-    9. **Question**: [Question about edge cases, optimizations, or advanced applications]
-       [Options and answer format as above]
-
-    10. **Question**: [Question connecting {topic_title} to related concepts]
-        [Options and answer format as above]
-
-    ## Self-Assessment
-
-    ### Scoring Guide
-
-    - **8-10 correct**: Expert understanding of {topic_title}
-    - **6-7 correct**: Strong understanding with some gaps
-    - **4-5 correct**: Basic understanding, review recommended
-    - **0-3 correct**: Fundamental review needed
-
-    ### Concept Mastery Guide Provide a breakdown of which concepts are tested by which questions, so learners can 
-    identify specific areas for review.
-
-    ## Additional Practice Resources
-    Suggest resources for further practice and learning based on the topics covered in this quiz.
-
-    {extra_instructions}
-    """
-
-
-class VisualMode(ModeConfig):
-    """Visual learning mode with diagrams and visual explanations."""
-    mode_type = ModeType.VISUAL
-    name = "Visual Learning"
-    description = "Understand concepts through diagrams, flowcharts, and visual explanations"
-
-    prompt_template = """
-    Create a visual explanation of {topic_title} using text-based diagrams and descriptions.
-
-    This is a {difficulty} level topic in the category of {category_name}.
-
-    Format your response in Markdown with ASCII diagrams, conceptual maps, and visual explanations:
-
-    # Visual Guide: {topic_title}
-
-    ## Concept Overview Start with a brief introduction to {topic_title} that emphasizes its visual or structural 
-    aspects. Explain why visual representation helps in understanding this concept (1-2 paragraphs).
-
-    ## Core Concept Visualization
-
-    ```
-    [ASCII diagram or representation of the core concept]
-
-    Example structure:
-    +----------------+
-    |                |
-    |  Main Concept  |----→ Related Element
-    |                |
-    +-------+--------+
-            |
-            ↓
-      Sub-component
-    ```
-
-    **Diagram Explanation**:
-    Provide a detailed explanation of each element in the diagram and how they relate to each other. Focus on:
-    - What each symbol or node represents
-    - The meaning of each connection or relationship
-    - How this visual representation captures the essence of {topic_title}
-
-    ## Process Flow
-
-    If {topic_title} involves a process or sequence, create a flowchart:
-
-    ```
-    [ASCII flowchart showing steps or stages]
-
-    Example structure:
-    Start
-      ↓
-    [Step 1] -------+
-      ↓      No     |
-    Decision -------+
-      ↓ Yes
-    [Step 2]
-      ↓
-    [Step 3]
-      ↓
-    End
-    ```
-
-    **Process Explanation**:
-    Provide a step-by-step walkthrough of the flow, explaining:
-    - What happens at each stage
-    - What criteria determine different paths
-    - How the overall process works as a cohesive whole
-
-    ## Component Breakdown
-
-    ```
-    [ASCII diagram showing the main components or parts]
-
-    Example structure:
-    +---------------------------------------+
-    |                                       |
-    |  +-------------+    +-------------+   |
-    |  | Component A |    | Component B |   |
-    |  +-------------+    +-------------+   |
-    |         ↓                 ↓           |
-    |  +-------------------------------+    |
-    |  |        Component C           |    |
-    |  +-------------------------------+    |
-    |                                       |
-    +---------------------------------------+
-    ```
-
-    **Component Explanation**:
-    Explain each component in detail, including:
-    - Its purpose and function
-    - How it interacts with other components
-    - Key characteristics or properties
-
-    ## Hierarchical Structure
-
-    If applicable, show hierarchical relationships:
-
-    ```
-    [ASCII tree diagram showing hierarchical relationships]
-
-    Example structure:
-                Root
-              /  |  \
-             /   |   \
-        Child1 Child2 Child3
-          /\           \
-         /  \           \
-    Leaf1  Leaf2      Leaf4
-    ```
-
-    **Hierarchy Explanation**:
-    Explain the significance of the hierarchical structure and what each level represents.
-
-    ## Comparative Visualization
-
-    ```
-    [ASCII comparison chart or diagram]
-
-    Example structure:
-    Approach A    |    Approach B
-    --------------|---------------
-    Feature 1     |    Feature 1'
-    Feature 2     |    Feature 2'
-    Feature 3     |    Feature 3'
-    ```
-
-    **Comparison Explanation**:
-    Analyze the similarities and differences shown in the comparison.
-
-    ## Key Visual Patterns to Recognize
-
-    1. **Pattern 1**: [Description of a visual pattern] - [Explanation of significance]
-    2. **Pattern 2**: [Description of a visual pattern] - [Explanation of significance]
-    3. **Pattern 3**: [Description of a visual pattern] - [Explanation of significance]
-
-    ## Visualizing Real-World Applications
-
-    ```
-    [ASCII diagram showing a practical application scenario]
-    ```
-
-    **Application Explanation**:
-    Explain how the visual concepts translate to solving real-world problems or implementing practical solutions.
-
-    ## Visual Memory Aids
-
-    Provide visual mnemonics or memory aids for key aspects of {topic_title}:
-
-    ```
-    [ASCII memory aid diagram]
-    ```
-
-    **Memory Aid Usage**:
-    Explain how to use this visual aid to remember important concepts.
-
-    {extra_instructions}
-    """
diff --git a/server/src/features/infinity/models.py b/server/src/features/infinity/models.py
deleted file mode 100644
index 9aa69e4..0000000
--- a/server/src/features/infinity/models.py
+++ /dev/null
@@ -1,29 +0,0 @@
-from sqlalchemy import (
-    Column,
-    String,
-    Enum,
-    Text,
-    JSON,
-    ForeignKey,
-    UniqueConstraint
-)
-from sqlalchemy.orm import relationship
-from sqlalchemy.orm import Mapped, mapped_column
-from db import Base, TimestampMixin, PublicIDMixin
-from .base import ModeType
-
-
-class LearningModeConfig(Base, TimestampMixin, PublicIDMixin):
-    """Database model for learning mode configurations."""
-    __tablename__ = "learning_modes"
-
-    mode_type: Mapped[ModeType] = mapped_column(
-        Enum(ModeType),
-        nullable=False,
-        unique=True,
-        index=True)
-    name: Mapped[str] = mapped_column(String, nullable=False)
-    description: Mapped[str] = mapped_column(String, nullable=False)
-    metadata: Mapped[dict] = mapped_column(JSON, nullable=True)
-
-    topic_contents = relationship("TopicModeContent", back_populates="mode")
diff --git a/server/src/features/infinity/registry.py b/server/src/features/infinity/registry.py
deleted file mode 100644
index 6a428e3..0000000
--- a/server/src/features/infinity/registry.py
+++ /dev/null
@@ -1,71 +0,0 @@
-from typing import Type, Any
-from .base import ModeType, ModeConfig
-from .impls import (
-    StandardMode,
-    InterviewMode,
-    FirstPrinciplesMode,
-    PracticalMode,
-    ComparativeMode,
-    QuizMode,
-    VisualMode
-)
-
-
-class ModeRegistry:
-    """Registry for managing all available learning modes."""
-
-    _modes: dict[ModeType, Type[ModeConfig]] = {
-        ModeType.STANDARD: StandardMode,
-        ModeType.INTERVIEW: InterviewMode,
-        ModeType.FIRST_PRINCIPLES: FirstPrinciplesMode,
-        ModeType.PRACTICAL: PracticalMode,
-        ModeType.COMPARATIVE: ComparativeMode,
-        ModeType.QUIZ: QuizMode,
-        ModeType.VISUAL: VisualMode,
-    }
-
-    @classmethod
-    def get_mode(cls, mode_type: ModeType) -> ModeConfig:
-        """Get a mode instance by its type."""
-        if mode_type not in cls._modes:
-            raise ValueError(f"Unknown mode type: {mode_type}")
-
-        mode_class = cls._modes[mode_type]
-        return mode_class()
-
-    @classmethod
-    def get_all_modes(cls) -> list[ModeConfig]:
-        """Get instances of all registered modes."""
-        return [mode_class() for mode_class in cls._modes.values()]
-
-    @classmethod
-    def register_mode(cls, mode_type: ModeType, mode_class: Type[ModeConfig]) -> None:
-        """Register a new mode type."""
-        cls._modes[mode_type] = mode_class
-
-    @classmethod
-    def serialize_all_modes(cls) -> list[dict[str, Any]]:
-        """Serialize all modes for API responses."""
-        return [mode.serialize() for mode in cls.get_all_modes()]
-
-
-def get_mode(mode_type: str) -> ModeConfig:
-    """
-    Retrieves a mode instance based on its type string.
-
-    This function attempts to convert the provided string into a ModeType enum and then uses the ModeRegistry to get an instance of the corresponding mode. If the conversion fails or the mode type is unknown, it raises a ValueError.
-
-    Args:
-        mode_type (str): The string representation of the mode type.
-
-    Returns:
-        ModeConfig: An instance of the mode configuration.
-
-    Raises:
-        ValueError: If the mode type string is invalid or does not correspond to a known mode type.
-    """
-    try:
-        mode_enum = ModeType(mode_type)
-        return ModeRegistry.get_mode(mode_enum)
-    except ValueError:
-        raise ValueError(f"Unknown mode type: {mode_type}")
diff --git a/server/src/features/infinity/services/__init__.py b/server/src/features/infinity/services/__init__.py
deleted file mode 100644
index e69de29..0000000
diff --git a/server/src/features/interview/__init__.py b/server/src/features/interview/__init__.py
deleted file mode 100644
index 67bfb1f..0000000
--- a/server/src/features/interview/__init__.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from .handler import router as interview_router
-
-__all__ = ["interview_router"]
diff --git a/server/src/features/interview/handler.py b/server/src/features/interview/handler.py
deleted file mode 100644
index 53fd97c..0000000
--- a/server/src/features/interview/handler.py
+++ /dev/null
@@ -1,35 +0,0 @@
-import json
-
-from fastapi import APIRouter
-from typing import Optional
-from fastapi.responses import StreamingResponse
-from .llm import generate_interview_questions
-from pydantic import BaseModel, Field
-from config.models import Model
-
-
-router = APIRouter(prefix="/interview", tags=["interview"])
-
-
-class TopicRequest(BaseModel):
-    topic: str = Field(
-        description="The topic to generate interview questions for")
-    context: Optional[str] = Field(
-        default="",
-        description="The context of the topic, if applicable")
-
-
-@router.post("/questions")
-async def interview(topic: TopicRequest):
-    async def stream_questions():
-        async for question in generate_interview_questions(topic.topic, topic.context):
-            data = {
-                "topic": topic.topic,
-                "questions": question
-            }
-            yield f"data: {json.dumps(data)}\n\n"
-
-    return StreamingResponse(stream_questions(), media_type="text/event-stream", headers={
-        "Cache-Control": "no-cache",
-        "Connection": "keep-alive",
-    })
diff --git a/server/src/features/interview/llm.py b/server/src/features/interview/llm.py
deleted file mode 100644
index 31945ae..0000000
--- a/server/src/features/interview/llm.py
+++ /dev/null
@@ -1,100 +0,0 @@
-from langchain_core.prompts import ChatPromptTemplate
-from config.models import Model, get_model
-from pydantic import BaseModel, Field
-from typing import AsyncGenerator
-
-from decode import decode_json
-
-
-class Question(BaseModel):
-    question_text: str = Field(description="The actual question text")
-    user_assesment: str = Field(
-        description="Brief explanation of what this question assesses")
-
-
-question_generator_template = ChatPromptTemplate.from_messages([
-    ("system", """You are an experienced technical interviewer with deep knowledge across various programming and software engineering domains.
-
-    Topic: {topic}
-    Context: {context}
-
-    Generate interview questions for each difficulty level that:
-    1. Are specifically related to the current topic
-    2. Test different aspects (theoretical knowledge, practical application, problem-solving)
-    3. Include a mix of question types (open-ended, scenario-based, coding challenges)
-
-    For each difficulty level, output a JSON object followed by "###DIFFICULTY_END###" delimiter.
-    Generate at least 3 questions for each difficulty level in this format:
-
-    {{"difficulty": "Beginner", "questions": [
-        {{"question": "Question text",
-         "type": "Question type",
-         "assessment": "What this question assesses"
-        }},
-        ...
-    ]}}###DIFFICULTY_END###
-
-    {{"difficulty": "Intermediate", "questions": [
-        {{"question": "Question text",
-         "type": "Question type",
-         "assessment": "What this question assesses"
-        }},
-        ...
-    ]}}###DIFFICULTY_END###
-
-    {{"difficulty": "Advanced", "questions": [
-        {{"question": "Question text",
-         "type": "Question type",
-         "assessment": "What this question assesses"
-        }},
-        ...
-    ]}}###DIFFICULTY_END###
-
-    Ensure each JSON object is valid and complete before the delimiter."""),
-    ("human", "Generate questions for {topic}")
-])
-
-DIFFICULTY_DELIMITER = "###DIFFICULTY_END###"
-
-
-async def parse_chunk(chunk: str) -> dict | None:
-    try:
-        if DIFFICULTY_DELIMITER not in chunk:
-            return None
-        json_str = chunk.split(DIFFICULTY_DELIMITER)[0].strip()
-        parsed = decode_json(json_str)
-        difficulty, questions = parsed["difficulty"], parsed["questions"]
-
-        return {
-            difficulty: questions
-        }
-    except ValueError:
-        print(chunk)
-        return None
-
-
-async def generate_interview_questions(topic: str, context: str, model_name: str = Model.GPT_4O_MINI.value) -> AsyncGenerator[dict, None]:
-    if not topic:
-        raise ValueError("Topic is required")
-
-    llm = get_model(model_name)
-    chain = question_generator_template | llm
-
-    buffer = ""
-
-    with open("interview_questions.txt", "w") as f:
-        f.write("")
-
-    async for chunk in chain.astream({"topic": topic, "context": context}):
-        buffer += chunk.content
-        if parsed := await parse_chunk(buffer):
-
-            difficulty_end_pos = buffer.find(
-                DIFFICULTY_DELIMITER) + len(DIFFICULTY_DELIMITER)
-            buffer = buffer[difficulty_end_pos:] if difficulty_end_pos > -1 else buffer
-
-            with open("interview_questions.txt", "a") as f:
-                import json
-                f.write(json.dumps(parsed))
-
-            yield parsed
diff --git a/server/src/features/projects/__init__.py b/server/src/features/projects/__init__.py
deleted file mode 100644
index 2764e85..0000000
--- a/server/src/features/projects/__init__.py
+++ /dev/null
@@ -1,6 +0,0 @@
-from .file_manager import BASE_FILE_DIR
-from .handler import router as projects_router
-print(BASE_FILE_DIR)
-
-
-__all__ = ["projects_router"]
diff --git a/server/src/features/projects/file_manager.py b/server/src/features/projects/file_manager.py
deleted file mode 100644
index b59a419..0000000
--- a/server/src/features/projects/file_manager.py
+++ /dev/null
@@ -1,129 +0,0 @@
-import csv
-import aiofiles
-from typing import Optional
-from pathlib import Path
-from langchain_core.documents import Document
-from langchain_text_splitters import RecursiveCharacterTextSplitter
-from langchain_community.document_loaders.text import TextLoader
-from langchain_community.document_loaders.csv_loader import CSVLoader
-from langchain_community.document_loaders.html import UnstructuredHTMLLoader
-
-
-BASE_FILE_DIR = Path(__file__).parent.parent.parent.parent / "project_files"
-BASE_FILE_DIR.mkdir(parents=True, exist_ok=True)
-
-
-class FileLoader:
-
-    def __init__(self,
-                 chunk_size: Optional[int] = 1000,
-                 chunk_overlap: Optional[int] = 200,
-                 encoding: Optional[str] = "utf-8") -> None:
-        """
-        Initialize the FileLoader with customizable parameters.
-
-        Args:
-            chunk_size: Size of text chunks for splitting documents
-            chunk_overlap: Overlap between chunks to maintain context
-            encoding: File encoding to use when reading files
-        """
-        self.chunk_size = chunk_size
-        self.chunk_overlap = chunk_overlap
-        self.encoding = encoding
-
-        self.text_splitter = RecursiveCharacterTextSplitter(
-            chunk_size=self.chunk_size,
-            chunk_overlap=self.chunk_overlap,
-        )
-
-        self.loader_registry = {
-            # Text-based files
-            ".txt": self._load_text,
-            ".log": self._load_text,
-
-            ".csv": self._load_csv,
-            ".html": self._load_html,
-
-            # Code files
-            ".py": self._load_code,
-            ".js": self._load_code,
-            ".java": self._load_code,
-            ".cpp": self._load_code,
-
-            ".c": self._load_code,
-            ".h": self._load_code,
-            ".css": self._load_code,
-            ".sql": self._load_code,
-        }
-
-    def _load_text(self, file_path: Path) -> list[Document]:
-        """Load text files using LangChain's TextLoader."""
-        loader = TextLoader(str(file_path), encoding=self.encoding)
-        return self.text_splitter.split_documents(loader.load())
-
-    def _load_csv(self, file_path: Path) -> list[Document]:
-        """
-        Load CSV files with enhanced metadata and structure preservation.
-        """
-        loader = CSVLoader(
-            str(file_path),
-            encoding=self.encoding,
-            csv_args={
-                "delimiter": ",",
-                "quotechar": '"',
-                "doublequote": True
-            }
-        )
-        documents = loader.load()
-        with open(file_path, 'r', encoding=self.encoding) as f:
-            reader = csv.reader(f)
-            headers = next(reader)
-            for doc in documents:
-                doc.metadata["columns"] = headers
-
-    def _load_code(self, file_path: Path) -> list[Document]:
-        """Load code files using LangChain's TextLoader."""
-
-        with open(file_path, 'r', encoding=self.encoding) as f:
-            code = f.read()
-
-        meta_data = {
-            "is_code": True,
-            "prog_lang": file_path.suffix.lstrip("."),
-        }
-
-        return self.text_splitter.create_documents([code], metadatas=[meta_data])
-
-    def _load_html(self, file_path: Path) -> list[Document]:
-        """Load HTML files using LangChain's UnstructuredHTMLLoader."""
-        loader = UnstructuredHTMLLoader(str(file_path), encoding=self.encoding)
-        return self.text_splitter.split_documents(loader.load())
-
-    def supports_extension(self, extension: str) -> bool:
-        """Check if a file extension is supported."""
-        return extension.lower() in self.loader_registry
-
-    @property
-    def supported_extensions(self) -> list[str]:
-        """Get list of all supported file extensions."""
-        return list(self.loader_registry.keys())
-
-
-async def write_file(file_name: str, file_content: str | bytes, encoding: str = "utf-8") -> str:
-    """
-        Asynchronously writes file content to the specified file name.
-        Depending on the type of file_content provided:
-        - If file_content is a str (for text or code file), this method opens the file in text mode ("w") so that
-          Python handles the encoding automatically.
-        - If file_content is already bytes, or if you prefer manual encoding, you can open the file in binary mode ("wb").
-    """
-    file_path = BASE_FILE_DIR / file_name
-
-    if isinstance(file_content, str):
-        async with aiofiles.open(file_path, mode='w', encoding='utf-8') as file:
-            await file.write(file_content)
-    else:
-        async with aiofiles.open(file_path, mode='wb') as file:
-            await file.write(file_content)
-
-    return str(file_path)
diff --git a/server/src/features/projects/handler.py b/server/src/features/projects/handler.py
deleted file mode 100644
index 27724a3..0000000
--- a/server/src/features/projects/handler.py
+++ /dev/null
@@ -1,33 +0,0 @@
-from fastapi import APIRouter, HTTPException, File, UploadFile
-from pydantic import BaseModel, Field
-from .service import ProjectService, FileAdd, ProjectCreate
-
-
-router = APIRouter(prefix="/projects", tags=["projects"])
-ps = ProjectService()
-
-
-class UploadFileRequest(BaseModel):
-    project_id: str = Field(..., description="The id of the project")
-    file: UploadFile = File(..., description="The file to be uploaded")
-
-
-@router.post("/create")
-async def create_project(project: ProjectCreate):
-    try:
-        project_id = await ps.create_project(project)
-        return project_id
-    except Exception as e:
-        raise HTTPException(status_code=500, detail=str(e))
-
-
-@router.post("/upload-file")
-async def upload_file(file: UploadFileRequest):
-    """
-    Receives an uploaded file, reads its contents, and saves it to the 'uploads' directory.
-    """
-    contents = await file.file.read()
-    file_to_add = FileAdd(project_id=file.project_id,
-                          file_name=file.file.filename,
-                          file_content=contents)
-    await ps.handle_file_write(file_to_add)
diff --git a/server/src/features/projects/models.py b/server/src/features/projects/models.py
deleted file mode 100644
index a65bf46..0000000
--- a/server/src/features/projects/models.py
+++ /dev/null
@@ -1,77 +0,0 @@
-from db import Base, db_session
-from sqlalchemy import Column, Integer, String, DateTime, ForeignKey, JSON
-from datetime import datetime, timezone
-from sqlalchemy.orm import relationship
-
-
-class Project(Base):
-    __tablename__ = "projects"
-
-    id = Column(Integer, primary_key=True)
-    title = Column(String, nullable=False)
-    description = Column(String, nullable=False)
-    vector_db_path = Column(String)
-    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    chats = relationship("ProjectChats", back_populates="project")
-    files = relationship("ProjectFiles", back_populates="project")
-
-
-class ProjectChats(Base):
-    __tablename__ = "project_chats"
-    id = Column(Integer, primary_key=True)
-    project_id = Column(Integer, ForeignKey("projects.id"))
-    chat_topic = Column(String, nullable=False)
-    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    project = relationship("Project", back_populates="chats")
-    messages = relationship("ProjectChatMessages", back_populates="chat")
-
-
-class ProjectFiles(Base):
-    __tablename__ = "project_files"
-    id = Column(Integer, primary_key=True)
-    project_id = Column(Integer, ForeignKey("projects.id"))
-    file_name = Column(String, nullable=False)
-    file_path = Column(String, nullable=False, index=True)
-
-    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    project = relationship("Project", back_populates="files")
-
-
-class ProjectChatMessages(Base):
-    __tablename__ = "project_chat_messages"
-
-    id = Column(Integer, primary_key=True)
-    chat_id = Column(Integer, ForeignKey("project_chats.id"))
-    project_files_used = Column(JSON, nullable=False)
-    message = Column(String, nullable=False)
-    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
-    chat = relationship("ProjectChats", back_populates="messages")
-
-
-async def create_project(title: str, description: str) -> Project:
-    async with db_session() as session:
-        project = Project(title=title, description=description)
-        session.add(project)
-        await session.commit()
-        return project
-
-
-async def get_project_by_id(project_id: int) -> Project:
-    async with db_session() as session:
-        project = session.query(Project).filter(
-            Project.id == project_id).first()
-        return project
-
-
-async def add_file_to_project(project_id: int, user_file_name: str, file_path: str) -> ProjectFiles:
-    async with db_session() as session:
-        file = ProjectFiles(project_id=project_id,
-                            file_name=user_file_name,
-                            file_path=file_path)
-        session.add(file)
-        await session.commit()
-        return file
diff --git a/server/src/features/projects/service.py b/server/src/features/projects/service.py
deleted file mode 100644
index 2cac545..0000000
--- a/server/src/features/projects/service.py
+++ /dev/null
@@ -1,47 +0,0 @@
-from datetime import datetime
-from hashlib import sha256
-from pydantic import BaseModel, Field
-from .file_manager import FileLoader, write_file
-from .models import add_file_to_project, create_project
-
-
-class FileAdd(BaseModel):
-    project_id: int = Field(
-        description="The ID of the project to add the file to")
-    file_name: str = Field(
-        description="The name of the file to add")
-    file_content: bytes = Field(
-        description="The content of the file to add")
-
-
-class ProjectCreate(BaseModel):
-    name: str = Field(
-        description="The name of the project to create")
-    description: str = Field(
-        description="The description of the project to create")
-
-
-class ProjectService:
-
-    def __init__(self) -> None:
-        pass
-
-    async def create_project(self, project: ProjectCreate) -> int:
-        project = await create_project(project.name, project.description)
-        return project.id
-
-    async def handle_file_write(self, file_add: FileAdd):
-        file_name = file_add.file_name
-        file_content = file_add.file_content
-        unique_file_name = self.create_unique_file_name_hash(file_name)
-        file_path = await write_file(unique_file_name, file_content)
-        await add_file_to_project(file_add.project_id, file_name, file_path)
-
-    @classmethod
-    def create_unique_file_name_hash(cls, file_name: str) -> str:
-        """
-        Create a unique file name by appending a timestamp to the original file name.
-        """
-        timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
-        file_hash = sha256(file_name.encode()).hexdigest()
-        return f"{file_hash}_{timestamp}"
diff --git a/server/src/server.py b/server/src/server.py
index dc5e59a..c590ea2 100644
--- a/server/src/server.py
+++ b/server/src/server.py
@@ -1,15 +1,11 @@
 from fastapi_components import fastapi_app as app
 from features import (
     topics_router,
-    interview_router,
     explore_router,
-    threads_router,
-    infinity_router
+    threads_router
 )
 
 
 app.include_router(topics_router)
-app.include_router(interview_router)
 app.include_router(explore_router)
 app.include_router(threads_router)
-app.include_router(infinity_router)