simple view of town names

lib/main.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 
-import 'services/api.dart';
+import 'pages/landing_page.dart';
 
 void main() {
   runApp(const MyApp());
@@ -11,13 +11,16 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    Api.fetchStations();
     return MaterialApp(
       title: 'Floodwatch',
       theme: ThemeData(
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
         useMaterial3: true,
       ),
+      initialRoute: LandingPage.routeName,
+      routes: {
+        LandingPage.routeName: (context) => LandingPage(),
+      },
     );
   }
 }

lib/pages/landing_page.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+import '../model/flood_station.dart';
+import '../services/api.dart';
+
+class LandingPage extends StatelessWidget {
+  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 ListView.builder(
+        itemBuilder: (context, index) {
+          return ListTile(
+            title: Text(snapshot.data!.elementAt(index).town),
+          );
+        },
+        itemCount: snapshot.data!.length,
+      );
+    } else {
+      return Placeholder();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: FutureBuilder<List<FloodStation>>(
+        future: Api.fetchStations(),
+        builder: builder,
+      ),
+    );
+  }
+}

lib/services/api.dart

@@ -7,7 +7,7 @@ class Api {
   static const String _rootUrl =
       'https://environment.data.gov.uk/flood-monitoring';
 
-  static Future<void> fetchStations() async {
+  static Future<List<FloodStation>> fetchStations() async {
     List<FloodStation> stations = [];
     final response = await http.get(Uri.parse('$_rootUrl/id/stations'));
     if (response.statusCode == 200) {
@@ -16,5 +16,6 @@ class Api {
         stations.add(FloodStation.fromMap(str));
       }
     }
+    return stations;
   }
 }