Add a Help page.

lib/db.dart

@@ -0,0 +1,45 @@
+// https://docs.flutter.dev/cookbook/persistence/sqlite
+
+// SQLite
+import 'dart:async';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_expense_tracker/models/frequency.dart';
+import 'package:path/path.dart';
+import 'package:sqflite/sqflite.dart';
+
+// Local
+import '/models/expense.dart';
+
+void loadDB() async {
+  // Avoid errors caused by flutter upgrade.
+  WidgetsFlutterBinding.ensureInitialized();
+
+  final String frequencies =
+      "'${Frequency.values.map((freq) => freq.title).join("','")}'";
+  print(frequencies);
+
+  // Open the database and store the reference.
+  final database = openDatabase(
+    // Set the path to the database. Note: Using the `join` function from the
+    // `path` package is best practice to ensure the path is correctly
+    // constructed for each platform.
+    join(await getDatabasesPath(), 'expense_tracker.db'),
+
+    onCreate: (db, version) {
+      // Run the CREATE TABLE statement on the database.
+      return db.execute(
+        """
+        CREATE TABLE expense
+          ( id INTEGER PRIMARY KEY
+          , name TEXT
+          , cost DOUBLE
+          , frequency TEXT CHECK(frequency IN ($frequencies) )
+          , description TEXT
+        )""",
+      );
+    },
+    // Set the version. This executes the onCreate function and provides a
+    // path to perform database upgrades and downgrades.
+    version: 1,
+  );
+}

lib/main.dart

@@ -1,15 +1,17 @@
-// Helpful guides:
-// - https://flutter.dev/docs/cookbook/forms/validation
-
+// Flutter
 import 'package:flutter/material.dart';
 
+// Local
 import '/pages/expense.dart';
 import '/pages/income.dart';
 import '/pages/asset.dart';
 import '/pages/report.dart';
 import '/pages/settings.dart';
+import '/pages/help.dart';
+import '/db.dart';
 
 void main() {
+  loadDB();
   runApp(const MainApp());
 }
 
@@ -24,6 +26,12 @@ class MainApp extends StatelessWidget {
         useMaterial3: true,
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
       ),
+      darkTheme: ThemeData(
+        useMaterial3: true,
+        brightness: Brightness.dark,
+        colorSchemeSeed: Colors.green,
+      ),
+      themeMode: ThemeMode.system,
       home: HomePage(),
     );
   }
@@ -41,6 +49,10 @@ class HomePage extends StatefulWidget {
 class _HomePageState extends State<HomePage> {
   var pageSelected = 0;
 
+  refresh() {
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
     Widget page;
@@ -48,7 +60,9 @@ class _HomePageState extends State<HomePage> {
     switch (pageSelected) {
       case 0:
         page = ExpensePage();
-        dialog = ExpenseInputDialog();
+        dialog = ExpenseInputDialog(
+          notifyParent: refresh,
+        );
       case 1:
         page = IncomePage();
       case 2:
@@ -57,13 +71,17 @@ class _HomePageState extends State<HomePage> {
         page = ProjectionPage();
       case 4:
         page = SettingsPage();
+      case 5:
+        page = HelpPage();
       default:
         throw UnimplementedError('No widget for page $pageSelected yet!');
     }
 
     Future<void> addNewValue(BuildContext context) {
       return showDialog(
-          context: context, builder: (_) => AlertDialog(content: dialog));
+        context: context,
+        builder: (_) => AlertDialog(content: dialog),
+      );
     }
 
     Widget? floatingButton;
@@ -79,49 +97,46 @@ class _HomePageState extends State<HomePage> {
 
     return LayoutBuilder(builder: (context, constraints) {
       return Scaffold(
-        // TODO: Add a drawer instead of nav rail.
-        body: Row(
-          children: [
-            SafeArea(
-              child: NavigationRail(
-                extended: constraints.maxWidth >= 800,
-                destinations: [
-                  NavigationRailDestination(
-                    icon: Icon(Icons.payment),
-                    label: Text('Expenses'),
-                  ),
-                  NavigationRailDestination(
-                    icon: Icon(Icons.account_balance),
-                    label: Text('Income'),
-                  ),
-                  NavigationRailDestination(
-                    icon: Icon(Icons.attach_money),
-                    label: Text('Liquid Assets'),
-                  ),
-                  NavigationRailDestination(
-                    icon: Icon(Icons.bar_chart),
-                    label: Text('Projections'),
-                  ),
-                  NavigationRailDestination(
-                    icon: Icon(Icons.settings),
-                    label: Text('Settings'),
-                  ),
-                ],
-                selectedIndex: pageSelected,
-                onDestinationSelected: (value) {
-                  setState(() {
-                    pageSelected = value;
-                  });
-                },
-              ),
+        appBar: AppBar(title: Text("Expense Tracker")),
+        drawer: NavigationRail(
+          extended: true,
+          destinations: [
+            NavigationRailDestination(
+              icon: Icon(Icons.payment),
+              label: Text('Expenses'),
             ),
-            Expanded(
-              child: Container(
-                color: Theme.of(context).colorScheme.primaryContainer,
-                child: page,
-              ),
+            NavigationRailDestination(
+              icon: Icon(Icons.account_balance),
+              label: Text('Income'),
+            ),
+            NavigationRailDestination(
+              icon: Icon(Icons.attach_money),
+              label: Text('Liquid Assets'),
+            ),
+            NavigationRailDestination(
+              icon: Icon(Icons.bar_chart),
+              label: Text('Reports'),
+            ),
+            NavigationRailDestination(
+              icon: Icon(Icons.settings),
+              label: Text('Settings'),
+            ),
+            NavigationRailDestination(
+              icon: Icon(Icons.help),
+              label: Text('Help'),
             ),
           ],
+          selectedIndex: pageSelected,
+          onDestinationSelected: (value) {
+            setState(() {
+              pageSelected = value;
+              Navigator.pop(context);
+            });
+          },
+        ),
+        body: Container(
+          color: Theme.of(context).colorScheme.primaryContainer,
+          child: Center(child: page),
         ),
         floatingActionButton: floatingButton,
       );

lib/models/expense.dart

@@ -12,7 +12,16 @@ class Expense {
       required this.frequency,
       required this.description});
 
+  @override
   String toString() {
     return "$name, $cost, ${frequency.title}, $description";
   }
+
+  double calcComparableCost() {
+    return cost * frequency.timesPerYear;
+  }
+
+  double calcComparableCostDaily() {
+    return cost / frequency.numDays;
+  }
 }

lib/models/frequency.dart

@@ -1,12 +1,63 @@
 // https://www.tutorialspoint.com/dart_programming/dart_programming_enumeration.htm
 enum Frequency {
-  daily(title: "Daily"),
-  weekly(title: "Weekly"),
-  biweekly(title: "Biweekly"),
-  montly(title: "Monthly"),
-  yearly(title: "Yearly");
+  daily(
+    title: "Daily",
+    hint: "Once Per Day",
+    timesPerYear: 364.25,
+    numDays: 1,
+  ),
+  weekly(
+    title: "Weekly",
+    hint: "Once Per Week",
+    timesPerYear: (364.25 / 7),
+    numDays: 7,
+  ),
+  biweekly(
+    title: "Biweekly",
+    hint: "Every Other Week",
+    timesPerYear: (364.25 / 14),
+    numDays: 14,
+  ),
+  bimonthly(
+    title: "Bimonthly",
+    hint: "Twice Per Month",
+    timesPerYear: 24,
+    numDays: (364.25 / 24),
+  ),
+  monthly(
+    title: "Monthly",
+    hint: "Once Per Month",
+    timesPerYear: 12,
+    numDays: (364.25 / 12),
+  ),
+  quarterly(
+    title: "Quarterly",
+    hint: "Every Three Months",
+    timesPerYear: 4,
+    numDays: (364.25 / 4),
+  ),
+  biannual(
+    title: "Biannual",
+    hint: "Twice Per Year",
+    timesPerYear: 2,
+    numDays: (364.25 / 2),
+  ),
+  yearly(
+    title: "Yearly",
+    hint: "Once Per Year",
+    timesPerYear: 1,
+    numDays: 364.25,
+  );
 
-  const Frequency({required this.title});
+  const Frequency({
+    required this.title,
+    required this.hint,
+    required this.timesPerYear,
+    required this.numDays,
+  });
 
   final String title;
+  final String hint;
+  final double timesPerYear;
+  final double numDays;
 }

lib/pages/expense.dart

@@ -1,59 +1,174 @@
+// Flutter
 import 'package:flutter/material.dart';
 
+// Local
 import '/models/expense.dart';
 import '/models/frequency.dart';
 
 List<Expense> expenses = [];
 
-class ExpensePage extends StatelessWidget {
+class ExpensePage extends StatefulWidget {
   const ExpensePage({
     super.key,
   });
 
+  @override
+  State<ExpensePage> createState() => _ExpensePageState();
+}
+
+class _ExpensePageState extends State<ExpensePage> {
+  refresh() {
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
-    return ListView.builder(
-        itemCount: expenses.length,
-        itemBuilder: (_, index) {
-          final Expense curr = expenses[index];
-          return Center(
-            child: Padding(
-              padding: const EdgeInsets.all(4.0),
-              child: Container(
-                decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(4),
-                  color: Colors.greenAccent,
-                ),
-                child: Column(
-                  children: [
-                    Text(curr.name),
-                    Text("${curr.cost.toString()} ${curr.frequency.title}"),
-                  ],
-                ),
-              ),
-            ),
-          );
-        });
-    /*
-    return ListView(
-      children: [
-        ListTile(
-          title: Text("Fake Item 1"),
-          subtitle: Text("30.00 / month"),
-        ),
-        ListTile(
-          title: Text("Fake Item 2"),
-          subtitle: Text("180.00 / year"),
-        ),
-      ],
+    final theme = Theme.of(context);
+
+    expenses.sort(
+      (a, b) => (b.calcComparableCost() - a.calcComparableCost()).toInt(),
     );
-    */
+
+    return expenses.isEmpty
+        ? Text("Add expenses to get started!")
+        : ListView.builder(
+            itemCount: expenses.length,
+            itemBuilder: (_, index) {
+              final Expense curr = expenses[index];
+              final String estimateSymbolYearly = curr.frequency.timesPerYear
+                          .toStringAsFixed(2)
+                          .endsWith(".00") &&
+                      curr.calcComparableCost().toStringAsFixed(3).endsWith("0")
+                  ? ""
+                  : "~";
+              final String estimateSymbolDaily =
+                  curr.frequency.numDays.toStringAsFixed(2).endsWith(".00") &&
+                          curr
+                              .calcComparableCostDaily()
+                              .toStringAsFixed(3)
+                              .endsWith("0")
+                      ? ""
+                      : "~";
+              return Padding(
+                padding: const EdgeInsets.all(4.0),
+                child: Dismissible(
+                  key: Key(curr.toString()),
+                  background: Container(
+                    color: Colors.red,
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        Icon(Icons.delete),
+                        Text("Delete"),
+                      ],
+                    ),
+                  ),
+                  secondaryBackground: Container(
+                    color: Colors.orange,
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.end,
+                      children: [
+                        Text("Edit"),
+                        Icon(Icons.edit),
+                      ],
+                    ),
+                  ),
+                  onDismissed: (direction) {
+                    setState(() {
+                      expenses.remove(curr);
+                    });
+                    switch (direction) {
+                      case DismissDirection.startToEnd:
+                        // Only remove the item from the list.
+                        break;
+                      case DismissDirection.endToStart:
+                        // Open an edit dialog, then remove the item from the list.
+                        showDialog(
+                          context: context,
+                          builder: (_) => AlertDialog(
+                            content: ExpenseInputDialog(
+                              notifyParent: refresh,
+                              expense: curr,
+                            ),
+                          ),
+                        );
+                        break;
+                      default:
+                        UnimplementedError(
+                          "Direction ${direction.toString()} not recognized.",
+                        );
+                    }
+                  },
+                  child: Container(
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(4),
+                      color: theme.colorScheme.onPrimary,
+                    ),
+                    child: Padding(
+                      padding: const EdgeInsets.all(4.0),
+                      child: Row(
+                        mainAxisSize: MainAxisSize.max,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.min,
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                curr.name,
+                                style: TextStyle(fontSize: 20.0),
+                              ),
+                              Text(
+                                "${curr.cost.toStringAsFixed(2)} ${curr.frequency.title}",
+                                style: TextStyle(fontSize: 12.0),
+                              ),
+                            ],
+                          ),
+                          Expanded(
+                            child: Center(
+                              child: Text(
+                                curr.description,
+                                style: TextStyle(
+                                  fontSize: 12.0,
+                                ),
+                                softWrap: true,
+                                textAlign: TextAlign.center,
+                              ),
+                            ),
+                          ),
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.end,
+                            children: [
+                              //if (curr.frequency != Frequency.daily)
+                              Text(
+                                "$estimateSymbolDaily${curr.calcComparableCostDaily().toStringAsFixed(2)} ${Frequency.daily.title}",
+                                style: TextStyle(fontSize: 12.0),
+                              ),
+                              //if (curr.frequency != Frequency.yearly)
+                              Text(
+                                "$estimateSymbolYearly${curr.calcComparableCost().toStringAsFixed(2)} ${Frequency.yearly.title}",
+                                style: TextStyle(fontSize: 12.0),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ),
+              );
+            },
+          );
   }
 }
 
 class ExpenseInputDialog extends StatefulWidget {
+  final Function() notifyParent;
+  final Expense? expense;
+
   const ExpenseInputDialog({
     super.key,
+    required this.notifyParent,
+    this.expense,
   });
 
   @override
@@ -64,126 +179,165 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
   final _expenseFormKey = GlobalKey<FormState>();
 
   String _name = "";
-  double _cost = 0.0;
-  Frequency _freq = Frequency.montly;
+  double _cost = 0;
+  Frequency _freq = Frequency.monthly;
   String _desc = "";
 
   @override
   Widget build(BuildContext context) {
-    const inputWidth = 300.0;
-    const inputHeight = 50.0;
-
-    List<DropdownMenuItem> freqValues = [];
-    for (var freq in Frequency.values) {
-      freqValues.add(DropdownMenuItem(value: freq, child: Text(freq.title)));
+    if (widget.expense != null) {
+      _name = widget.expense!.name;
+      _cost = widget.expense!.cost;
+      _freq = widget.expense!.frequency;
+      _desc = widget.expense!.description;
     }
-    ;
 
-    return AlertDialog(
-      title: Center(child: Text("Add New Expense")),
-      content: Form(
-        key: _expenseFormKey,
-        autovalidateMode: AutovalidateMode.onUserInteraction,
-        child: Column(mainAxisSize: MainAxisSize.min, spacing: 10, children: [
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
-              keyboardType: TextInputType.text,
-              decoration: InputDecoration(
-                labelText: "Name",
-                hintText: "Example: Red Pocket Phone Bill",
-              ),
-              validator: (value) {
-                if (value!.isEmpty) {
-                  return "Name must be provided.";
-                }
-                return null;
-              },
-              onSaved: (newValue) {
-                _name = newValue!;
-              },
+    return Column(
+      // prevent AlertDialog from taking full vertical height.
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          alignment: FractionalOffset.topRight,
+          child: IconButton(
+            onPressed: () {
+              if (widget.expense != null) {
+                setState(() {
+                  expenses.add(widget.expense!);
+                  widget.notifyParent();
+                });
+              }
+              Navigator.of(context).pop();
+            },
+            icon: Icon(Icons.clear),
+          ),
+        ),
+        AlertDialog(
+          insetPadding: EdgeInsets.all(0),
+          title: Center(
+            child: widget.expense == null
+                ? Text("New Expense")
+                : Text("Edit Expense"),
+          ),
+          content: Form(
+            key: _expenseFormKey,
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                TextFormField(
+                  keyboardType: TextInputType.text,
+                  textCapitalization: TextCapitalization.words,
+                  decoration: InputDecoration(
+                    labelText: "Name",
+                    hintText: "Example: Red Pocket",
+                    hintStyle: TextStyle(fontSize: 10.0),
+                    errorStyle: TextStyle(fontSize: 10.0),
+                  ),
+                  initialValue: _name,
+                  validator: (value) {
+                    if (value!.isEmpty) {
+                      return "Name must be provided.";
+                    }
+                    if (!expenses.every((expense) => expense.name != value)) {
+                      return "Name must be unique, already in use.";
+                    }
+                    return null;
+                  },
+                  onSaved: (value) {
+                    _name = value!;
+                  },
+                ),
+                TextFormField(
+                  keyboardType: TextInputType.numberWithOptions(decimal: true),
+                  decoration: InputDecoration(
+                    labelText: "Cost",
+                    hintText: "Example: 10.00",
+                    hintStyle: TextStyle(fontSize: 10.0),
+                    errorStyle: TextStyle(fontSize: 10.0),
+                  ),
+                  initialValue: _cost != 0 ? _cost.toString() : "",
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return "Cost must be provided.";
+                    }
+                    if (double.parse(value) < 0) {
+                      return "Please use the Income page rather than having negative expenses.";
+                    }
+                    if (double.parse(value) < 0.01) {
+                      return "Cost must be one hundreth (0.01) or higher.";
+                    }
+                    if (double.tryParse(value) == null) {
+                      return "Cost must be a valid number.";
+                    }
+                    return null;
+                  },
+                  onSaved: (value) {
+                    _cost = double.parse(value!);
+                  },
+                ),
+                DropdownButtonFormField(
+                  items: Frequency.values
+                      .map(
+                        (freq) => DropdownMenuItem(
+                          value: freq,
+                          child: Row(
+                            children: [
+                              Text(
+                                freq.title,
+                              ),
+                              Padding(
+                                padding: EdgeInsets.all(1.0),
+                                child: Text(
+                                  " (${freq.hint})",
+                                  style: TextStyle(fontSize: 10.0),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      )
+                      .toList(),
+                  value: _freq,
+                  decoration: InputDecoration(
+                    labelText: "Frequency",
+                    errorStyle: TextStyle(fontSize: 10.0),
+                  ),
+                  validator: (value) {
+                    if (value == null) {
+                      return "Frequency must be provided.";
+                    }
+                    if (!Frequency.values.contains(value)) {
+                      return "Value not valid.";
+                    }
+                    return null;
+                  },
+                  onChanged: (value) {
+                    _freq = value!;
+                  },
+                ),
+                TextFormField(
+                  keyboardType: TextInputType.text,
+                  textCapitalization: TextCapitalization.sentences,
+                  decoration: InputDecoration(
+                    labelText: "Description",
+                    hintText: "Example: 1GB data with unlimited talk & text.",
+                    hintStyle: TextStyle(fontSize: 8.0),
+                    errorStyle: TextStyle(fontSize: 10.0),
+                  ),
+                  initialValue: _desc,
+                  validator: (value) {
+                    return null;
+                  },
+                  onSaved: (value) {
+                    _desc = value!;
+                  },
+                ),
+              ],
             ),
           ),
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
-              keyboardType: TextInputType.numberWithOptions(decimal: true),
-              decoration: InputDecoration(
-                  labelText: "Cost", hintText: "Example: 10.00"),
-              validator: (value) {
-                if (value!.isEmpty) {
-                  return "Cost must be provided.";
-                }
-                if (double.tryParse(value) == null) {
-                  return "Cost must be a valid number.";
-                }
-                return null;
-              },
-              onSaved: (newValue) {
-                _cost = double.parse(newValue!);
-              },
-            ),
-          ),
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: DropdownButtonFormField(
-              items: freqValues,
-              decoration: InputDecoration(
-                  labelText: "Recurrence", hintText: "Example: Monthly"),
-              validator: (value) {
-                if (value == null) {
-                  return "Frequency must be provided.";
-                }
-                if (!Frequency.values.contains(value)) {
-                  return "Value not valid.";
-                }
-                return null;
-              },
-              onChanged: (newValue) {
-                _freq = newValue;
-              },
-            ),
-          ),
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
-              keyboardType: TextInputType.text,
-              decoration: InputDecoration(
-                  labelText: "Description",
-                  hintText: "Example: 1GB data with unlimited talk & text."),
-              validator: (value) {
-                return null;
-              },
-              onSaved: (newValue) {
-                _desc = newValue!;
-              },
-            ),
-          ),
-        ]),
-      ),
-      actions: [
-        SizedBox(
-          width: inputWidth,
-          height: inputHeight,
-          child: Row(
-            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-            crossAxisAlignment: CrossAxisAlignment.center,
-            children: [
-              ElevatedButton.icon(
+          actions: [
+            Center(
+              child: ElevatedButton.icon(
                 onPressed: () {
-                  print("TODO: Clear fields!");
-                  Navigator.of(context).pop();
-                },
-                icon: Icon(Icons.cancel),
-                label: Text('Cancel'),
-              ),
-              ElevatedButton.icon(
-                onPressed: () {
-                  print("TODO: Save expense!");
                   if (_expenseFormKey.currentState!.validate()) {
                     _expenseFormKey.currentState!.save();
                     setState(() {
@@ -195,19 +349,16 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
                             description: _desc),
                       );
                     });
-                    print(expenses.toString());
-                    for (var expense in expenses) {
-                      print(expense.toString());
-                    }
+                    widget.notifyParent();
                     Navigator.of(context).pop();
                   }
                 },
                 icon: Icon(Icons.save),
                 label: Text('Submit'),
               ),
-            ],
-          ),
-        )
+            )
+          ],
+        ),
       ],
     );
   }

lib/pages/help.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+
+class HelpPage extends StatelessWidget {
+  const HelpPage({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Column(
+      children: [
+        Expanded(
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Container(
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(4),
+                color: theme.colorScheme.onPrimary,
+              ),
+              child: Column(
+                children: [
+                  Text("This app is meant to be a simple budgeting tool,"
+                      " allowing you to view your income and expenses at a high level"
+                      " without micro managing specific budget items or adding receipts."),
+                  //Text("Another paragraph.")
+                ],
+              ),
+            ),
+          ),
+        ),
+        Row(
+          children: [
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.all(8.0),
+                child: Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(4),
+                    color: theme.colorScheme.onPrimary,
+                  ),
+                  child: TextButton.icon(
+                    onPressed: () {},
+                    icon: Icon(Icons.code),
+                    label: Text("Code Repository"),
+                  ),
+                ),
+              ),
+            ),
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.all(8.0),
+                child: Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(4),
+                    color: theme.colorScheme.onPrimary,
+                  ),
+                  child: TextButton.icon(
+                    onPressed: () {},
+                    icon: Icon(Icons.web_asset),
+                    label: Text("Personal Website"),
+                  ),
+                ),
+              ),
+            ),
+          ],
+        )
+      ],
+    );
+  }
+}

lib/pages/income.dart

@@ -7,12 +7,6 @@ class IncomePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
-        child: Column(
-      children: [
-        Text("TBD"),
-        Placeholder(),
-      ],
-    ));
+    return Placeholder();
   }
 }

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,6 +5,8 @@
 import FlutterMacOS
 import Foundation
 
+import sqflite_darwin
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
 }

pubspec.lock

@@ -131,6 +131,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.6"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -144,6 +160,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.10.0"
+  sqflite:
+    dependency: "direct main"
+    description:
+      name: sqflite
+      sha256: "2d7299468485dca85efeeadf5d38986909c5eb0cd71fd3db2c2f000e6c9454bb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  sqflite_android:
+    dependency: transitive
+    description:
+      name: sqflite_android
+      sha256: "78f489aab276260cdd26676d2169446c7ecd3484bbd5fead4ca14f3ed4dd9ee3"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      sha256: "761b9740ecbd4d3e66b8916d784e581861fd3c3553eda85e167bc49fdb68f709"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4+6"
+  sqflite_darwin:
+    dependency: transitive
+    description:
+      name: sqflite_darwin
+      sha256: "22adfd9a2c7d634041e96d6241e6e1c8138ca6817018afc5d443fef91dcefa9c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1+1"
+  sqflite_platform_interface:
+    dependency: transitive
+    description:
+      name: sqflite_platform_interface
+      sha256: "8dd4515c7bdcae0a785b0062859336de775e8c65db81ae33dd5445f35be61920"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
   stack_trace:
     dependency: transitive
     description:
@@ -168,6 +224,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      sha256: "69fe30f3a8b04a0be0c15ae6490fc859a78ef4c43ae2dd5e8a623d45bfcf9225"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.3.0+3"
   term_glyph:
     dependency: transitive
     description:
@@ -202,4 +266,4 @@ packages:
     version: "14.3.0"
 sdks:
   dart: ">=3.6.1 <4.0.0"
-  flutter: ">=3.18.0-18.0.pre.54"
+  flutter: ">=3.24.0"

pubspec.yaml

@@ -9,6 +9,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  sqflite: ^2.4.1
 
 dev_dependencies:
   flutter_test: