Start device fetch

frontend/lib/devices.dart

@@ -0,0 +1,35 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+
+class Category {
+  final String name;
+  List<Device> devices;
+
+  Category(this.name) : devices = [];
+
+  static Future<List<Category>> fetch(String base_url) async {
+    final response = await http.get(Uri.parse("$base_url/devices"));
+
+    if (response.statusCode == 200) {
+      List<Category> categories = [];
+
+      Map<String, Map<String, dynamic>> json = jsonDecode(response.body);
+
+      return categories;
+    } else {
+      throw Exception("Failed to fetch devices");
+    }
+  }
+}
+
+class Device {
+  final int device_id;
+  bool led_state;
+  bool power_state;
+  double power_draw;
+
+  Device(this.device_id, this.led_state, this.power_state, this.power_draw);
+}

frontend/lib/main.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 
+import 'devices.dart';
+
 void main() {
   runApp(const MyApp());
 }
@@ -105,13 +107,9 @@ class _MyHomePageState extends State<MyHomePage> {
           // wireframe for each widget.
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
-            const Text(
+            Table(
-              'You have pushed the button this many times:',
+              border: TableBorder.all(),
-            ),
+            )
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
           ],
         ),
       ),