diff --git a/frontend/src/NewApp/BackstoryApp.tsx b/frontend/src/NewApp/BackstoryApp.tsx
index 59733ca..88b2a21 100644
--- a/frontend/src/NewApp/BackstoryApp.tsx
+++ b/frontend/src/NewApp/BackstoryApp.tsx
@@ -34,6 +34,7 @@ import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
+import { VectorVisualizerPage } from 'Pages/VectorVisualizerPage';
 
 type NavigationLinkType = {
     name: string;
@@ -45,6 +46,7 @@ type NavigationLinkType = {
 const DefaultNavItems : NavigationLinkType[] = [
     { name: 'Chat', path: '/chat', icon: <ChatIcon /> },
     { name: 'Resume Builder', path: '/resume-builder', icon: <WorkIcon /> },
+    { name: 'RAG Visualizer', path: '/rag-visualizer', icon: <WorkIcon /> },
     { name: 'About', path: '/about', icon: <InfoIcon /> },
     // { name: 'How It Works', path: '/how-it-works', icon: <InfoIcon/> },
     // { name: 'For Candidates', path: '/for-candidates', icon: <PersonIcon/> },
@@ -192,6 +194,7 @@ const BackstoryApp = () => {
                     <Route path="/about" element={<AboutPage  setSnack={setSnack} sessionId={"684a0c7e-e638-4db7-b00d-0558bfefb710"} submitQuery={submitQuery}/>} />
                     <Route path="/about/:subPage" element={<AboutPage  setSnack={setSnack} sessionId={"684a0c7e-e638-4db7-b00d-0558bfefb710"} submitQuery={submitQuery}/>} />
                     <Route path="/resume-builder" element={<ResumeBuilderPage setSnack={setSnack} sessionId={"684a0c7e-e638-4db7-b00d-0558bfefb710"} submitQuery={submitQuery}/>} />
+                        <Route path="/rag-visualizer" element={<VectorVisualizerPage setSnack={setSnack} sessionId={"684a0c7e-e638-4db7-b00d-0558bfefb710"} submitQuery={submitQuery} />} />
                     <Route path="/dashboard" element={<DashboardPage />} />
                     <Route path="/" element={<HomePage/>}/>
                     {/* Candidate-specific routes */}