feat: web navigation

Author: david072

lib/main.dart

@@ -1,11 +1,41 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_web_plugins/flutter_web_plugins.dart';
+import 'package:go_router/go_router.dart';
 import 'package:portfolio/pages/home_page.dart';
+import 'package:portfolio/pages/projects/cofence_page.dart';
+import 'package:portfolio/pages/projects/fencing_tableau_page.dart';
+import 'package:portfolio/pages/projects/funcially_page.dart';
 
 void main() {
-  runApp(MaterialApp(
-    debugShowCheckedModeBanner: false,
-    themeMode: ThemeMode.dark,
-    theme: ThemeData.dark(useMaterial3: true),
-    home: const HomePage(),
-  ));
+  usePathUrlStrategy();
+  runApp(
+    MaterialApp.router(
+      debugShowCheckedModeBanner: false,
+      themeMode: ThemeMode.dark,
+      theme: ThemeData.dark(useMaterial3: true),
+      routerConfig: GoRouter(
+        initialLocation: "/",
+        routes: [
+          GoRoute(
+            path: "/",
+            builder: (context, state) => const HomePage(),
+            routes: [
+              GoRoute(
+                path: "fencing-tableau",
+                builder: (context, state) => const FencingTableauPage(),
+              ),
+              GoRoute(
+                path: "funcially",
+                builder: (context, state) => const FunciallyPage(),
+              ),
+              GoRoute(
+                path: "cofence",
+                builder: (context, state) => const CofencePage(),
+              ),
+            ],
+          ),
+        ],
+      ),
+    ),
+  );
 }

lib/pages/home_page.dart

@@ -2,6 +2,7 @@ import 'dart:ui';
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
 import 'package:portfolio/pages/project_page.dart';
 import 'package:portfolio/pages/projects/cofence_page.dart';
 import 'package:portfolio/pages/projects/fencing_tableau_page.dart';
@@ -150,26 +151,17 @@ class _ProjectsList extends StatelessWidget {
             _ProjectCard(
               backgroundImage: "assets/fencing_tableau_thumbnail.png",
               name: "Fencing Tableau",
-              onTap: () => Navigator.push(
-                context,
-                MaterialPageRoute(builder: (_) => const FencingTableauPage()),
-              ),
+              onTap: () => context.go("/fencing-tableau"),
             ),
             _ProjectCard(
               backgroundImage: "assets/funcially_thumbnail.png",
               name: "Funcially",
-              onTap: () => Navigator.push(
-                context,
-                MaterialPageRoute(builder: (_) => const FunciallyPage()),
-              ),
+              onTap: () => context.go("/funcially"),
             ),
             _ProjectCard(
               backgroundImage: "assets/cofence_thumbnail.png",
               name: "Cofence",
-              onTap: () => Navigator.push(
-                context,
-                MaterialPageRoute(builder: (_) => const CofencePage()),
-              ),
+              onTap: () => context.go("/cofence"),
             ),
           ],
         ),

pubspec.lock

@@ -76,10 +76,18 @@ packages:
     source: sdk
     version: "0.0.0"
   flutter_web_plugins:
-    dependency: transitive
+    dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
+  go_router:
+    dependency: "direct main"
+    description:
+      name: go_router
+      sha256: "8ae664a70174163b9f65ea68dd8673e29db8f9095de7b5cd00e167c621f4fef5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "14.6.0"
   leak_tracker:
     dependency: transitive
     description:
@@ -112,6 +120,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.0"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: c8245ada5f1717ed44271ed1c26b8ce85ca3228fd2ffdb75468ab01979309d61
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
   matcher:
     dependency: transitive
     description:

pubspec.yaml

@@ -9,8 +9,11 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_web_plugins:
+    sdk: flutter
   cupertino_icons: ^1.0.8
   url_launcher: ^6.3.1
+  go_router: ^14.6.0
 
 dev_dependencies:
   flutter_test: