final

routeOptimiserFrontend/src/App.jsx → Frontend/src/App.jsx

@@ -15,21 +15,30 @@ const App = () => {
   return (
     <Router>
       <Routes>
+        {/* Standalone printable route (no shared layout for clean printing) */}
         <Route path="/printable-receipt" element={<PrintableReceipt />} />
 
+        {/* Wildcard route acts as layout wrapper for all other paths */}
         <Route
           path="*"
           element={
             <div className="min-h-screen bg-black text-gray-100">
               <Navbar />
+              {/* RouteLoader can manage loading states / transitions */}
               <RouteLoader>
                 <Routes>
+                  {/* Landing page (root) */}
                   <Route path="/" element={<Landing />} />
+                  {/* Compliance module UI */}
                   <Route path="/compliance" element={<Compliance />} />
+                  {/* Planning workflow */}
                   <Route path="/plan" element={<Home />} />
+                  {/* Informational pages */}
                   <Route path="/about" element={<About />} />
                   <Route path="/contact" element={<Contact />} />
+                  {/* Dynamic route for ranked route details */}
                   <Route path="/route/:rank" element={<RouteDetails />} />
+                  {/* Standard receipt view */}
                   <Route path="/receipt" element={<Receipt />} />
                 </Routes>
               </RouteLoader>
@@ -41,4 +50,5 @@ const App = () => {
   );
 };
 
+
 export default App;