diff --git a/src/App.tsx b/src/App.tsx
index 803b84c..968c979 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import './App.css'
 import TemplatePage from './pages/TemplatePage/Template.tsx'
 import Home from './pages/Home/Home.tsx'
 import Robot from './pages/Robot/Robot.tsx';
+import VisProg from "./pages/VisProgPage/VisProg.tsx";
 
 function App(){
   return (
@@ -14,6 +15,7 @@ function App(){
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/template" element={<TemplatePage />} />
+          <Route path="/editor" element={<VisProg />} />
           <Route path="/robot" element={<Robot />} />
         </Routes>
       </main>
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index cb70de0..aff0278 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -12,6 +12,7 @@ function Home() {
       </div>
       <div className={styles.links}>
         <Link to={"/robot"}>Robot Interaction →</Link>
+        <Link to={"/editor"}>editor →</Link>
         <Link to={"/template"}>Template →</Link>
       </div>
     </div>