abc/lib/tutFun.dart

@@ -0,0 +1 @@
+../../src/tutFun.dart

src/main.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
-
 import 'game.dart';
+import 'tutFun.dart';
 
 void main() {
     runApp(const MainApp());
@@ -14,9 +14,35 @@ class MainApp extends StatelessWidget {
         return const MaterialApp(
             home: Scaffold(
                 body: Center(
-          child: Text('Wow, nice, Hello World!'),
+                    //child: Text('Wow, nice, Hello World!'),
+                    child: Tile("A", HitType.hit),
                 ),
             ),
         );
     }
 }
+
+class Tile extends StatelessWidget {
+    const Tile(this.letter, this.hitType, {super.key});
+
+    final String letter;
+    final HitType hitType;
+
+    @override
+    Widget build(BuildContext context) {
+        return Container(
+            child: Center(
+                child: Text(
+                    letter.toUpperCase(),
+                    style: Theme.of(context).textTheme.titleLarge,
+                ),
+            ),
+            decoration: BoxDecoration(
+                border: Border.all(color: Colors.grey.shade300),
+                color: tutTileColor(hitType),
+            ),
+            height: 60,
+            width: 60,
+        );
+    }
+}

src/tutFun.dart

@@ -0,0 +1,17 @@
+library;
+
+import 'package:flutter/material.dart';
+import 'game.dart';
+
+Color tutTileColor(HitType t) {
+    if (t == HitType.hit) {
+        return Colors.green;
+    }
+    if (t == HitType.partial) {
+        return Colors.yellow;
+    }
+    if (t == HitType.miss) {
+        return Colors.grey;
+    }
+    return Colors.white;
+}