Used Provider-Package to encapsulate state management

lib/pages/landing_page.dart

@@ -1,33 +1,39 @@
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 
 import '../Widgets/flood_station_list_view.dart';
-import '../model/flood_station.dart';
-import '../services/api.dart';
+import '../services/flood_station_provider.dart';
+import 'flood_station_page.dart';
 
-class LandingPage extends StatelessWidget {
+class LandingPage extends StatefulWidget {
   const LandingPage({super.key});
 
   static const routeName = '/';
 
-  Widget builder(
-      BuildContext context, AsyncSnapshot<List<FloodStation>> snapshot) {
-    if (!snapshot.hasData) {
-      return CircularProgressIndicator();
-    } else if (snapshot.hasData) {
-      return FloodStationListView(stations: snapshot.data!);
-    } else if (snapshot.hasError) {
-      return Text(snapshot.error.toString());
-    } else {
-      return Text('An unknown error occured.');
-    }
+  @override
+  State<LandingPage> createState() => _LandingPageState();
+}
+
+class _LandingPageState extends State<LandingPage> {
+  late FloodStationProvider floodStationProvider;
+
+  @override
+  initState() {
+    super.initState();
+    WidgetsBinding.instance
+        .addPostFrameCallback((_) => floodStationProvider.loadAllStations());
   }
 
   @override
   Widget build(BuildContext context) {
+    floodStationProvider = context.watch<FloodStationProvider>();
     return Scaffold(
-      body: FutureBuilder<List<FloodStation>>(
-        future: Api.fetchStations(),
-        builder: builder,
+      body: FloodStationListView(
+        stations: floodStationProvider.allStations,
+        onItemTapped: (station) {
+          floodStationProvider.selectedStation = station;
+          Navigator.of(context).pushNamed(FloodStationPage.routeName);
+        },
       ),
     );
   }