diff --git a/frontend/App.tsx b/frontend/App.tsx
index 1cac6cf..ee1da5e 100644
--- a/frontend/App.tsx
+++ b/frontend/App.tsx
@@ -3,6 +3,7 @@ import { HashRouter, Routes, Route } from 'react-router-dom';
 import { Layout } from './components/layout/Layout';
 import { HomePage } from './pages/HomePage';
 import { IOMonitorPage } from './pages/IOMonitorPage';
+import { RecipePage } from './pages/RecipePage';
 import { SystemState, Recipe, IOPoint, LogEntry, RobotTarget, ConfigItem } from './types';
 import { comms } from './communication';
 
@@ -246,6 +247,10 @@ export default function App() {
               />
             }
           />
+          <Route
+            path="/recipe"
+            element={<RecipePage />}
+          />
         </Routes>
       </Layout>
     </HashRouter>