implement draft blur navbar

# Conflicts:
#	pubspec.yaml

.gitignore

@@ -195,3 +195,4 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+/devtools_options.yaml

android/app/src/main/AndroidManifest.xml

@@ -6,6 +6,7 @@
         <activity
             android:name=".MainActivity"
             android:exported="true"
+            android:screenOrientation="portrait"
             android:launchMode="singleTop"
             android:taskAffinity=""
             android:theme="@style/LaunchTheme"

assets/schema.json

@@ -2,63 +2,9 @@
   "$schema": "http://json-schema.org/draft-04/schema#",
   "type": "object",
   "properties": {
-    "games": {
-      "type": "array",
-      "items": [
-        {
-          "type": "object",
-          "properties": {
-            "id": {
-              "type": "string"
-            },
-            "createdAt": {
-              "type": "string"
-            },
-            "name": {
-              "type": "string"
-            },
     "players": {
-              "type": [
-                "array",
-                "null"
-              ],
-              "properties": {
-                "id": {
-                  "type": "string"
-                },
-                "createdAt": {
-                  "type": "string"
-                },
-                "name": {
-                  "type": "string"
-                }
-              },
-              "required": [
-                "id",
-                "createdAt",
-                "name"
-              ]
-            }
-          },
-          "group": {
-            "type": [
-              "object",
-              "null"
-            ],
-            "properties": {
-              "id": {
-                "type": "string"
-              },
-              "createdAt": {
-                "type": "string"
-              },
-              "name": {
-                "type": "string"
-              },
-              "members": {
       "type": "array",
-                "items": [
+      "items": {
-                  {
         "type": "object",
         "properties": {
           "id": {
@@ -77,103 +23,82 @@
           "name"
         ]
       }
-                ]
-              }
-            },
-            "required": [
-              "id",
-              "createdAt",
-              "name",
-              "members"
-            ]
-          },
-          "winner": {
-            "type": ["object","null"]
-          },
-          "required": [
-            "id",
-            "createdAt",
-            "name"
-          ]
-        }
-      ]
     },
     "groups": {
       "type": "array",
-      "items": [
+      "items": {
-        {
         "type": "object",
         "properties": {
           "id": {
             "type": "string"
           },
-            "createdAt": {
-              "type": "string"
-            },
           "name": {
             "type": "string"
           },
-            "members": {
+          "createdAt": {
+            "type": "string"
+          },
+          "memberIds": {
             "type": "array",
-              "items": [
+            "items": {
-                {
-                  "type": "object",
-                  "properties": {
-                    "id": {
-                      "type": "string"
-                    },
-                    "createdAt": {
-                      "type": "string"
-                    },
-                    "name": {
               "type": "string"
             }
+          }
         },
         "required": [
           "id",
-                    "createdAt",
-                    "name"
-                  ]
-                }
-              ]
-            }
-          },
-          "required": [
-            "id",
-            "createdAt",
           "name",
-            "members"
+          "createdAt",
+          "memberIds"
         ]
       }
-      ]
     },
-    "players": {
+    "matches": {
       "type": "array",
-      "items": [
+      "items": {
-        {
+        "type": "object",
-          "type": [
-            "object",
-            "null"
-          ],
         "properties": {
           "id": {
             "type": "string"
           },
+          "name": {
+            "type": "string"
+          },
           "createdAt": {
             "type": "string"
           },
-            "name": {
+          "groupId": {
+            "anyOf": [
+              {"type": "string"},
+              {"type": "null"}
+            ]
+          },
+          "playerIds": {
+            "type": "array",
+            "items": {
               "type": "string"
             }
           },
+          "winnerId": {
+            "anyOf": [
+              {"type": "string"},
+              {"type": "null"}
+            ]
+          }
+        },
         "required": [
           "id",
+          "name",
           "createdAt",
-            "name"
+          "groupId",
-          ]
+          "playerIds"
-        }
         ]
       }
     }
+  },
+  "required": [
+    "players",
+    "groups",
+    "matches"
+  ]
 }
-

ios/Runner/Info.plist

@@ -31,8 +31,6 @@
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
 	<key>UISupportedInterfaceOrientations~ipad</key>
 	<array>

l10n.yaml

@@ -0,0 +1,5 @@
+arb-dir: lib/l10n/arb
+template-arb-file: app_en.arb
+output-localization-file: app_localizations.dart
+output-dir: lib/l10n/generated
+nullable-getter: false

lib/core/adaptive_page_route.dart

@@ -0,0 +1,19 @@
+import 'dart:io';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+Route<T> adaptivePageRoute<T>({
+  required Widget Function(BuildContext) builder,
+  bool fullscreenDialog = false,
+}) {
+  if (Platform.isIOS) {
+    return CupertinoPageRoute<T>(
+      builder: builder,
+      fullscreenDialog: fullscreenDialog,
+    );
+  }
+  return MaterialPageRoute<T>(
+    builder: builder,
+    fullscreenDialog: fullscreenDialog,
+  );
+}

lib/core/constants.dart

@@ -1,2 +1,6 @@
+class Constants {
+  Constants._(); // Private constructor to prevent instantiation
+
   /// Minimum duration of all app skeletons
-Duration minimumSkeletonDuration = const Duration(milliseconds: 250);
+  static Duration minimumSkeletonDuration = const Duration(milliseconds: 250);
+}

lib/core/custom_theme.dart

@@ -1,35 +1,61 @@
 import 'package:flutter/material.dart';
 
 class CustomTheme {
+  CustomTheme._(); // Private constructor to prevent instantiation
+
+  // ==================== Colors ====================
   static Color primaryColor = const Color(0xFF7505E4);
   static Color secondaryColor = const Color(0xFFAFA2FF);
   static Color backgroundColor = const Color(0xFF0B0B0B);
   static Color boxColor = const Color(0xFF101010);
   static Color onBoxColor = const Color(0xFF181818);
   static Color boxBorder = const Color(0xFF272727);
+  static const Color textColor = Colors.white;
+  static Color navBarItemSelectedColor = primaryColor.withValues(green: 0.4);
+  static Color navBarItemUnselectedColor = Colors.white.withValues(alpha: 0.6);
 
+  // ==================== Border Radius ====================
+  static const double standardBorderRadius = 12.0;
+  static BorderRadius get standardBorderRadiusAll =>
+      BorderRadius.circular(standardBorderRadius);
+
+  // ==================== Padding & Margins ====================
+  static const EdgeInsets standardMargin = EdgeInsets.symmetric(
+    horizontal: 12,
+    vertical: 10,
+  );
+  static const EdgeInsets tileMargin = EdgeInsets.symmetric(
+    horizontal: 12,
+    vertical: 5,
+  );
+
+  // ==================== Decorations ====================
   static BoxDecoration standardBoxDecoration = BoxDecoration(
     color: boxColor,
     border: Border.all(color: boxBorder),
-    borderRadius: BorderRadius.circular(12),
+    borderRadius: standardBorderRadiusAll,
   );
 
   static BoxDecoration highlightedBoxDecoration = BoxDecoration(
     color: boxColor,
     border: Border.all(color: primaryColor),
-    borderRadius: BorderRadius.circular(12),
+    borderRadius: standardBorderRadiusAll,
     boxShadow: [BoxShadow(color: primaryColor.withAlpha(120), blurRadius: 12)],
   );
 
+  // ==================== App Bar Theme ====================
   static AppBarTheme appBarTheme = AppBarTheme(
     backgroundColor: backgroundColor,
-    foregroundColor: Colors.white,
+    foregroundColor: textColor,
     elevation: 0,
+    scrolledUnderElevation: 0,
+    centerTitle: true,
     titleTextStyle: const TextStyle(
-      color: Colors.white,
+      color: textColor,
       fontSize: 20,
       fontWeight: FontWeight.bold,
+      overflow: TextOverflow.ellipsis,
     ),
-    iconTheme: const IconThemeData(color: Colors.white),
+    iconTheme: const IconThemeData(color: textColor),
   );
 }

lib/core/enums.dart

@@ -1,4 +1,10 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+
 /// Button types used for styling the [CustomWidthButton]
+/// - [ButtonType.primary]: Primary button style.
+/// - [ButtonType.secondary]: Secondary button style.
+/// - [ButtonType.tertiary]: Tertiary button style.
 enum ButtonType { primary, secondary, tertiary }
 
 /// Result types for import operations in the [SettingsView]
@@ -30,16 +36,17 @@ enum ExportResult { success, canceled, unknownException }
 /// - [Ruleset.leastPoints]: The player with the fewest points wins.
 enum Ruleset { singleWinner, singleLoser, mostPoints, leastPoints }
 
-/// Translates a [Ruleset] enum value to its corresponding string representation.
+/// Translates a [Ruleset] enum value to its corresponding localized string.
-String translateRulesetToString(Ruleset ruleset) {
+String translateRulesetToString(Ruleset ruleset, BuildContext context) {
+  final loc = AppLocalizations.of(context);
   switch (ruleset) {
     case Ruleset.singleWinner:
-      return 'Single Winner';
+      return loc.single_winner;
     case Ruleset.singleLoser:
-      return 'Single Loser';
+      return loc.single_loser;
     case Ruleset.mostPoints:
-      return 'Most Points';
+      return loc.most_points;
     case Ruleset.leastPoints:
-      return 'Least Points';
+      return loc.least_points;
   }
 }

lib/data/dao/group_dao.dart

@@ -95,6 +95,8 @@ class GroupDao extends DatabaseAccessor<AppDatabase> with _$GroupDaoMixin {
       }
 
       // Insert unique groups in batch
+      // Using insertOrIgnore to avoid triggering cascade deletes on
+      // player_group associations when groups already exist
       await db.batch(
         (b) => b.insertAll(
           groupTable,
@@ -107,7 +109,7 @@ class GroupDao extends DatabaseAccessor<AppDatabase> with _$GroupDaoMixin {
                 ),
               )
               .toList(),
-          mode: InsertMode.insertOrReplace,
+          mode: InsertMode.insertOrIgnore,
         ),
       );
 
@@ -120,6 +122,8 @@ class GroupDao extends DatabaseAccessor<AppDatabase> with _$GroupDaoMixin {
       }
 
       if (uniquePlayers.isNotEmpty) {
+        // Using insertOrIgnore to avoid triggering cascade deletes on
+        // player_group associations when players already exist
         await db.batch(
           (b) => b.insertAll(
             db.playerTable,
@@ -132,7 +136,7 @@ class GroupDao extends DatabaseAccessor<AppDatabase> with _$GroupDaoMixin {
                   ),
                 )
                 .toList(),
-            mode: InsertMode.insertOrReplace,
+            mode: InsertMode.insertOrIgnore,
           ),
         );
       }

lib/data/dao/group_match_dao.dart

@@ -21,7 +21,7 @@ class GroupMatchDao extends DatabaseAccessor<AppDatabase>
     }
     await into(groupMatchTable).insert(
       GroupMatchTableCompanion.insert(groupId: groupId, matchId: matchId),
-      mode: InsertMode.insertOrReplace,
+      mode: InsertMode.insertOrIgnore,
     );
   }
 

lib/data/dao/match_dao.dart

@@ -65,8 +65,9 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
     );
   }
 
-  /// Adds a new [Match] to the database.
+  /// Adds a new [Match] to the database. Also adds players and group
-  /// Also adds associated players and group if they exist.
+  /// associations. This method assumes that the players and groups added to
+  /// this match are already present in the database.
   Future<void> addMatch({required Match match}) async {
     await db.transaction(() async {
       await into(matchTable).insert(
@@ -80,7 +81,6 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
       );
 
       if (match.players != null) {
-        await db.playerDao.addPlayersAsList(players: match.players!);
         for (final p in match.players ?? []) {
           await db.playerMatchDao.addPlayerToMatch(
             matchId: match.id,
@@ -90,7 +90,6 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
       }
 
       if (match.group != null) {
-        await db.groupDao.addGroup(group: match.group!);
         await db.groupMatchDao.addGroupToMatch(
           matchId: match.id,
           groupId: match.group!.id,
@@ -102,6 +101,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
   /// Adds multiple [Match]s to the database in a batch operation.
   /// Also adds associated players and groups if they exist.
   /// If the [matches] list is empty, the method returns immediately.
+  /// This Method should only be used to import matches from a different device.
   Future<void> addMatchAsList({required List<Match> matches}) async {
     if (matches.isEmpty) return;
     await db.transaction(() async {
@@ -124,6 +124,8 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
       );
 
       // Add all groups of the matches in batch
+      // Using insertOrIgnore to avoid overwriting existing groups (which would
+      // trigger cascade deletes on player_group associations)
       await db.batch(
         (b) => b.insertAll(
           db.groupTable,
@@ -137,7 +139,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
                 ),
               )
               .toList(),
-          mode: InsertMode.insertOrReplace,
+          mode: InsertMode.insertOrIgnore,
         ),
       );
 
@@ -158,6 +160,8 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
       }
 
       if (uniquePlayers.isNotEmpty) {
+        // Using insertOrIgnore to avoid triggering cascade deletes on
+        // player_group/player_match associations when players already exist
         await db.batch(
           (b) => b.insertAll(
             db.playerTable,
@@ -170,7 +174,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
                   ),
                 )
                 .toList(),
-            mode: InsertMode.insertOrReplace,
+            mode: InsertMode.insertOrIgnore,
           ),
         );
       }
@@ -186,7 +190,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
                   matchId: match.id,
                   playerId: p.id,
                 ),
-                mode: InsertMode.insertOrReplace,
+                mode: InsertMode.insertOrIgnore,
               );
             }
           }
@@ -204,7 +208,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
                   playerId: m.id,
                   groupId: match.group!.id,
                 ),
-                mode: InsertMode.insertOrReplace,
+                mode: InsertMode.insertOrIgnore,
               );
             }
           }
@@ -221,7 +225,7 @@ class MatchDao extends DatabaseAccessor<AppDatabase> with _$MatchDaoMixin {
                 matchId: match.id,
                 groupId: match.group!.id,
               ),
-              mode: InsertMode.insertOrReplace,
+              mode: InsertMode.insertOrIgnore,
             );
           }
         }

lib/data/dao/player_dao.dart

@@ -50,6 +50,8 @@ class PlayerDao extends DatabaseAccessor<AppDatabase> with _$PlayerDaoMixin {
   }
 
   /// Adds multiple [players] to the database in a batch operation.
+  /// Uses insertOrIgnore to avoid triggering cascade deletes on
+  /// player_group associations when players already exist.
   Future<bool> addPlayersAsList({required List<Player> players}) async {
     if (players.isEmpty) return false;
 
@@ -65,7 +67,7 @@ class PlayerDao extends DatabaseAccessor<AppDatabase> with _$PlayerDaoMixin {
               ),
             )
             .toList(),
-        mode: InsertMode.insertOrReplace,
+        mode: InsertMode.insertOrIgnore,
       ),
     );
 

lib/data/dao/player_match_dao.dart

@@ -18,7 +18,7 @@ class PlayerMatchDao extends DatabaseAccessor<AppDatabase>
   }) async {
     await into(playerMatchTable).insert(
       PlayerMatchTableCompanion.insert(playerId: playerId, matchId: matchId),
-      mode: InsertMode.insertOrReplace,
+      mode: InsertMode.insertOrIgnore,
     );
   }
 
@@ -121,7 +121,7 @@ class PlayerMatchDao extends DatabaseAccessor<AppDatabase>
           inserts.map(
             (c) => into(
               playerMatchTable,
-            ).insert(c, mode: InsertMode.insertOrReplace),
+            ).insert(c, mode: InsertMode.insertOrIgnore),
           ),
         );
       }

lib/data/dto/match.dart

@@ -9,7 +9,7 @@ class Match {
   final String name;
   final List<Player>? players;
   final Group? group;
-  final Player? winner;
+  Player? winner;
 
   Match({
     String? id,

lib/l10n/arb/app_de.arb

@@ -0,0 +1,83 @@
+{
+  "@@locale": "de",
+  "all_players": "Alle Spieler:innen",
+  "all_players_selected": "Alle Spieler:innen ausgewählt",
+  "amount_of_matches": "Anzahl der Spiele",
+  "cancel": "Abbrechen",
+  "choose_game": "Spielvorlage wählen",
+  "choose_group": "Gruppe wählen",
+  "choose_ruleset": "Regelwerk wählen",
+  "could_not_add_player": "Spieler:in {playerName} konnte nicht hinzugefügt werden",
+  "create_group": "Gruppe erstellen",
+  "create_match": "Spiel erstellen",
+  "create_new_group": "Neue Gruppe erstellen",
+  "create_new_match": "Neues Spiel erstellen",
+  "data_successfully_deleted": "Daten erfolgreich gelöscht",
+  "data_successfully_exported": "Daten erfolgreich exportiert",
+  "data_successfully_imported": "Daten erfolgreich importiert",
+  "days_ago": "vor {count} Tagen",
+  "delete": "Löschen",
+  "delete_all_data": "Alle Daten löschen",
+  "error_creating_group": "Fehler beim Erstellen der Gruppe, bitte erneut versuchen",
+  "error_reading_file": "Fehler beim Lesen der Datei",
+  "export_canceled": "Export abgebrochen",
+  "export_data": "Daten exportieren",
+  "format_exception": "Formatfehler (siehe Konsole)",
+  "game": "Spielvorlage",
+  "game_name": "Spielvorlagenname",
+  "group": "Gruppe",
+  "group_name": "Gruppenname",
+  "groups": "Gruppen",
+  "home": "Startseite",
+  "import_canceled": "Import abgebrochen",
+  "import_data": "Daten importieren",
+  "info": "Info",
+  "invalid_schema": "Ungültiges Schema",
+  "least_points": "Niedrigste Punkte",
+  "match_in_progress": "Spiel läuft...",
+  "match_name": "Spieltitel",
+  "matches": "Spiele",
+  "menu": "Menü",
+  "most_points": "Höchste Punkte",
+  "no_data_available": "Keine Daten verfügbar",
+  "no_groups_created_yet": "Noch keine Gruppen erstellt",
+  "no_matches_created_yet": "Noch keine Spiele erstellt",
+  "no_players_created_yet": "Noch keine Spieler:in erstellt",
+  "no_players_found_with_that_name": "Keine Spieler:in mit diesem Namen gefunden",
+  "no_players_selected": "Keine Spieler:innen ausgewählt",
+  "no_recent_matches_available": "Keine letzten Spiele verfügbar",
+  "no_second_match_available": "Kein zweites Spiel verfügbar",
+  "no_statistics_available": "Keine Statistiken verfügbar",
+  "none": "Kein",
+  "none_group": "Keine",
+  "not_available": "Nicht verfügbar",
+  "player_name": "Spieler:innenname",
+  "players": "Spieler:innen",
+  "players_count": "{count} Spieler",
+  "quick_create": "Schnellzugriff",
+  "recent_matches": "Letzte Spiele",
+  "ruleset": "Regelwerk",
+  "ruleset_least_points": "Umgekehrte Wertung: Der/die Spieler:in mit den wenigsten Punkten gewinnt.",
+  "ruleset_most_points": "Traditionelles Regelwerk: Der/die Spieler:in mit den meisten Punkten gewinnt.",
+  "ruleset_single_loser": "Genau ein:e Verlierer:in wird bestimmt; der letzte Platz erhält die Strafe oder Konsequenz.",
+  "ruleset_single_winner": "Genau ein:e Gewinner:in wird gewählt; Unentschieden werden durch einen vordefinierten Tie-Breaker aufgelöst.",
+  "search_for_groups": "Nach Gruppen suchen",
+  "search_for_players": "Nach Spieler:innen suchen",
+  "select_winner": "Gewinner:in wählen:",
+  "selected_players": "Ausgewählte Spieler:innen",
+  "settings": "Einstellungen",
+  "single_loser": "Ein:e Verlierer:in",
+  "single_winner": "Ein:e Gewinner:in",
+  "statistics": "Statistiken",
+  "stats": "Statistiken",
+  "successfully_added_player": "Spieler:in {playerName} erfolgreich hinzugefügt",
+  "there_is_no_group_matching_your_search": "Es gibt keine Gruppe, die deiner Suche entspricht",
+  "this_cannot_be_undone": "Dies kann nicht rückgängig gemacht werden",
+  "today_at": "Heute um",
+  "undo": "Rückgängig",
+  "unknown_exception": "Unbekannter Fehler (siehe Konsole)",
+  "winner": "Gewinner:in",
+  "winrate": "Siegquote",
+  "wins": "Siege",
+  "yesterday_at": "Gestern um"
+}

lib/l10n/arb/app_en.arb

@@ -0,0 +1,343 @@
+{
+  "@@locale": "en",
+  "@all_players": {
+    "description": "Label for all players list"
+  },
+  "@all_players_selected": {
+    "description": "Message when all players are added to selection"
+  },
+  "@amount_of_matches": {
+    "description": "Label for amount of matches statistic"
+  },
+  "@app_name": {
+    "description": "The name of the App"
+  },
+  "@cancel": {
+    "description": "Cancel button text"
+  },
+  "@choose_game": {
+    "description": "Label for choosing a game"
+  },
+  "@choose_group": {
+    "description": "Label for choosing a group"
+  },
+  "@choose_ruleset": {
+    "description": "Label for choosing a ruleset"
+  },
+  "@could_not_add_player": {
+    "description": "Error message when adding a player fails"
+  },
+  "@create_group": {
+    "description": "Button text to create a group"
+  },
+  "@create_match": {
+    "description": "Button text to create a match"
+  },
+  "@create_new_group": {
+    "description": "Button text to create a new group"
+  },
+  "@create_new_match": {
+    "description": "Button text to create a new match"
+  },
+  "@data_successfully_deleted": {
+    "description": "Success message after deleting data"
+  },
+  "@data_successfully_exported": {
+    "description": "Success message after exporting data"
+  },
+  "@data_successfully_imported": {
+    "description": "Success message after importing data"
+  },
+  "@days_ago": {
+    "description": "Date format for days ago",
+    "placeholders": {
+      "count": {
+        "type": "int"
+      }
+    }
+  },
+  "@delete": {
+    "description": "Delete button text"
+  },
+  "@delete_all_data": {
+    "description": "Confirmation dialog for deleting all data"
+  },
+  "@error_creating_group": {
+    "description": "Error message when group creation fails"
+  },
+  "@error_reading_file": {
+    "description": "Error message when file cannot be read"
+  },
+  "@export_canceled": {
+    "description": "Message when export is canceled"
+  },
+  "@export_data": {
+    "description": "Export data menu item"
+  },
+  "@format_exception": {
+    "description": "Error message for format exceptions"
+  },
+  "@game": {
+    "description": "Game label"
+  },
+  "@game_name": {
+    "description": "Placeholder for game name search"
+  },
+  "@group": {
+    "description": "Group label"
+  },
+  "@group_name": {
+    "description": "Placeholder for group name input"
+  },
+  "@groups": {
+    "description": "Label for groups"
+  },
+  "@home": {
+    "description": "Home tab label"
+  },
+  "@import_canceled": {
+    "description": "Message when import is canceled"
+  },
+  "@import_data": {
+    "description": "Import data menu item"
+  },
+  "@info": {
+    "description": "Info label"
+  },
+  "@invalid_schema": {
+    "description": "Error message for invalid schema"
+  },
+  "@least_points": {
+    "description": "Title for least points ruleset"
+  },
+  "@match_in_progress": {
+    "description": "Message when match is in progress"
+  },
+  "@match_name": {
+    "description": "Placeholder for match name input"
+  },
+  "@matches": {
+    "description": "Label for matches"
+  },
+  "@menu": {
+    "description": "Menu label"
+  },
+  "@most_points": {
+    "description": "Title for most points ruleset"
+  },
+  "@no_data_available": {
+    "description": "Message when no data in the statistic tiles is given"
+  },
+  "@no_groups_created_yet": {
+    "description": "Message when no groups exist"
+  },
+  "@no_matches_created_yet": {
+    "description": "Message when no matches exist"
+  },
+  "@no_players_created_yet": {
+    "description": "Message when no players exist"
+  },
+  "@no_players_found_with_that_name": {
+    "description": "Message when search returns no results"
+  },
+  "@no_players_selected": {
+    "description": "Message when no players are selected"
+  },
+  "@no_recent_matches_available": {
+    "description": "Message when no recent matches exist"
+  },
+  "@no_second_match_available": {
+    "description": "Message when no second match exists"
+  },
+  "@no_statistics_available": {
+    "description": "Message when no statistics are available, because no matches were played yet"
+  },
+  "@none": {
+    "description": "None option label"
+  },
+  "@none_group": {
+    "description": "None group option label"
+  },
+  "@not_available": {
+    "description": "Abbreviation for not available"
+  },
+  "@player_name": {
+    "description": "Placeholder for player name input"
+  },
+  "@players": {
+    "description": "Players label"
+  },
+  "@players_count": {
+    "description": "Shows the number of players",
+    "placeholders": {
+      "count": {
+        "type": "int"
+      }
+    }
+  },
+  "@quick_create": {
+    "description": "Title for quick create section"
+  },
+  "@recent_matches": {
+    "description": "Title for recent matches section"
+  },
+  "@ruleset": {
+    "description": "Ruleset label"
+  },
+  "@ruleset_least_points": {
+    "description": "Description for least points ruleset"
+  },
+  "@ruleset_most_points": {
+    "description": "Description for most points ruleset"
+  },
+  "@ruleset_single_loser": {
+    "description": "Description for single loser ruleset"
+  },
+  "@ruleset_single_winner": {
+    "description": "Description for single winner ruleset"
+  },
+  "@search_for_groups": {
+    "description": "Hint text for group search input field"
+  },
+  "@search_for_players": {
+    "description": "Hint text for player search input field"
+  },
+  "@select_winner": {
+    "description": "Label to select the winner"
+  },
+  "@selected_players": {
+    "description": "Shows the number of selected players"
+  },
+  "@settings": {
+    "description": "Settings label"
+  },
+  "@single_loser": {
+    "description": "Title for single loser ruleset"
+  },
+  "@single_winner": {
+    "description": "Title for single winner ruleset"
+  },
+  "@statistics": {
+    "description": "Statistics tab label"
+  },
+  "@stats": {
+    "description": "Stats tab label (short)"
+  },
+  "@successfully_added_player": {
+    "description": "Success message when adding a player",
+    "placeholders": {
+      "playerName": {
+        "type": "String",
+        "example": "John"
+      }
+    }
+  },
+  "@there_is_no_group_matching_your_search": {
+    "description": "Message when search returns no groups"
+  },
+  "@this_cannot_be_undone": {
+    "description": "Warning message for irreversible actions"
+  },
+  "@today_at": {
+    "description": "Date format for today"
+  },
+  "@undo": {
+    "description": "Undo button text"
+  },
+  "@unknown_exception": {
+    "description": "Error message for unknown exceptions"
+  },
+  "@winner": {
+    "description": "Winner label"
+  },
+  "@winrate": {
+    "description": "Label for winrate statistic"
+  },
+  "@wins": {
+    "description": "Label for wins statistic"
+  },
+  "@yesterday_at": {
+    "description": "Date format for yesterday"
+  },
+  "all_players": "All players",
+  "all_players_selected": "All players selected",
+  "amount_of_matches": "Amount of Matches",
+  "app_name": "Game Tracker",
+  "cancel": "Cancel",
+  "choose_game": "Choose Game",
+  "choose_group": "Choose Group",
+  "choose_ruleset": "Choose Ruleset",
+  "could_not_add_player": "Could not add player",
+  "create_group": "Create Group",
+  "create_match": "Create match",
+  "create_new_group": "Create new group",
+  "create_new_match": "Create new match",
+  "data_successfully_deleted": "Data successfully deleted",
+  "data_successfully_exported": "Data successfully exported",
+  "data_successfully_imported": "Data successfully imported",
+  "days_ago": "{count} days ago",
+  "delete": "Delete",
+  "delete_all_data": "Delete all data",
+  "error_creating_group": "Error while creating group, please try again",
+  "error_reading_file": "Error reading file",
+  "export_canceled": "Export canceled",
+  "export_data": "Export data",
+  "format_exception": "Format Exception (see console)",
+  "game": "Game",
+  "game_name": "Game Name",
+  "group": "Group",
+  "group_name": "Group name",
+  "groups": "Groups",
+  "home": "Home",
+  "import_canceled": "Import canceled",
+  "import_data": "Import data",
+  "info": "Info",
+  "invalid_schema": "Invalid Schema",
+  "least_points": "Least Points",
+  "match_in_progress": "Match in progress...",
+  "match_name": "Match name",
+  "matches": "Matches",
+  "menu": "Menu",
+  "most_points": "Most Points",
+  "no_data_available": "No data available",
+  "no_groups_created_yet": "No groups created yet",
+  "no_matches_created_yet": "No matches created yet",
+  "no_players_created_yet": "No players created yet",
+  "no_players_found_with_that_name": "No players found with that name",
+  "no_players_selected": "No players selected",
+  "no_recent_matches_available": "No recent matches available",
+  "no_second_match_available": "No second match available",
+  "no_statistics_available": "No statistics available",
+  "none": "None",
+  "none_group": "None",
+  "not_available": "Not available",
+  "player_name": "Player name",
+  "players": "Players",
+  "players_count": "{count} Players",
+  "quick_create": "Quick Create",
+  "recent_matches": "Recent Matches",
+  "ruleset": "Ruleset",
+  "ruleset_least_points": "Inverse scoring: the player with the fewest points wins.",
+  "ruleset_most_points": "Traditional ruleset: the player with the most points wins.",
+  "ruleset_single_loser": "Exactly one loser is determined; last place receives the penalty or consequence.",
+  "ruleset_single_winner": "Exactly one winner is chosen; ties are resolved by a predefined tiebreaker.",
+  "search_for_groups": "Search for groups",
+  "search_for_players": "Search for players",
+  "select_winner": "Select Winner:",
+  "selected_players": "Selected players",
+  "settings": "Settings",
+  "single_loser": "Single Loser",
+  "single_winner": "Single Winner",
+  "statistics": "Statistics",
+  "stats": "Stats",
+  "successfully_added_player": "Successfully added player {playerName}",
+  "there_is_no_group_matching_your_search": "There is no group matching your search",
+  "this_cannot_be_undone": "This can't be undone",
+  "today_at": "Today at",
+  "undo": "Undo",
+  "unknown_exception": "Unknown Exception (see console)",
+  "winner": "Winner",
+  "winrate": "Winrate",
+  "wins": "Wins",
+  "yesterday_at": "Yesterday at"
+}

lib/l10n/generated/app_localizations.dart

@@ -0,0 +1,620 @@
+import 'dart:async';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:intl/intl.dart' as intl;
+
+import 'app_localizations_de.dart';
+import 'app_localizations_en.dart';
+
+// ignore_for_file: type=lint
+
+/// Callers can lookup localized strings with an instance of AppLocalizations
+/// returned by `AppLocalizations.of(context)`.
+///
+/// Applications need to include `AppLocalizations.delegate()` in their app's
+/// `localizationDelegates` list, and the locales they support in the app's
+/// `supportedLocales` list. For example:
+///
+/// ```dart
+/// import 'generated/app_localizations.dart';
+///
+/// return MaterialApp(
+///   localizationsDelegates: AppLocalizations.localizationsDelegates,
+///   supportedLocales: AppLocalizations.supportedLocales,
+///   home: MyApplicationHome(),
+/// );
+/// ```
+///
+/// ## Update pubspec.yaml
+///
+/// Please make sure to update your pubspec.yaml to include the following
+/// packages:
+///
+/// ```yaml
+/// dependencies:
+///   # Internationalization support.
+///   flutter_localizations:
+///     sdk: flutter
+///   intl: any # Use the pinned version from flutter_localizations
+///
+///   # Rest of dependencies
+/// ```
+///
+/// ## iOS Applications
+///
+/// iOS applications define key application metadata, including supported
+/// locales, in an Info.plist file that is built into the application bundle.
+/// To configure the locales supported by your app, you’ll need to edit this
+/// file.
+///
+/// First, open your project’s ios/Runner.xcworkspace Xcode workspace file.
+/// Then, in the Project Navigator, open the Info.plist file under the Runner
+/// project’s Runner folder.
+///
+/// Next, select the Information Property List item, select Add Item from the
+/// Editor menu, then select Localizations from the pop-up menu.
+///
+/// Select and expand the newly-created Localizations item then, for each
+/// locale your application supports, add a new item and select the locale
+/// you wish to add from the pop-up menu in the Value field. This list should
+/// be consistent with the languages listed in the AppLocalizations.supportedLocales
+/// property.
+abstract class AppLocalizations {
+  AppLocalizations(String locale)
+    : localeName = intl.Intl.canonicalizedLocale(locale.toString());
+
+  final String localeName;
+
+  static AppLocalizations of(BuildContext context) {
+    return Localizations.of<AppLocalizations>(context, AppLocalizations)!;
+  }
+
+  static const LocalizationsDelegate<AppLocalizations> delegate =
+      _AppLocalizationsDelegate();
+
+  /// A list of this localizations delegate along with the default localizations
+  /// delegates.
+  ///
+  /// Returns a list of localizations delegates containing this delegate along with
+  /// GlobalMaterialLocalizations.delegate, GlobalCupertinoLocalizations.delegate,
+  /// and GlobalWidgetsLocalizations.delegate.
+  ///
+  /// Additional delegates can be added by appending to this list in
+  /// MaterialApp. This list does not have to be used at all if a custom list
+  /// of delegates is preferred or required.
+  static const List<LocalizationsDelegate<dynamic>> localizationsDelegates =
+      <LocalizationsDelegate<dynamic>>[
+        delegate,
+        GlobalMaterialLocalizations.delegate,
+        GlobalCupertinoLocalizations.delegate,
+        GlobalWidgetsLocalizations.delegate,
+      ];
+
+  /// A list of this localizations delegate's supported locales.
+  static const List<Locale> supportedLocales = <Locale>[
+    Locale('de'),
+    Locale('en'),
+  ];
+
+  /// Label for all players list
+  ///
+  /// In en, this message translates to:
+  /// **'All players'**
+  String get all_players;
+
+  /// Message when all players are added to selection
+  ///
+  /// In en, this message translates to:
+  /// **'All players selected'**
+  String get all_players_selected;
+
+  /// Label for amount of matches statistic
+  ///
+  /// In en, this message translates to:
+  /// **'Amount of Matches'**
+  String get amount_of_matches;
+
+  /// The name of the App
+  ///
+  /// In en, this message translates to:
+  /// **'Game Tracker'**
+  String get app_name;
+
+  /// Cancel button text
+  ///
+  /// In en, this message translates to:
+  /// **'Cancel'**
+  String get cancel;
+
+  /// Label for choosing a game
+  ///
+  /// In en, this message translates to:
+  /// **'Choose Game'**
+  String get choose_game;
+
+  /// Label for choosing a group
+  ///
+  /// In en, this message translates to:
+  /// **'Choose Group'**
+  String get choose_group;
+
+  /// Label for choosing a ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Choose Ruleset'**
+  String get choose_ruleset;
+
+  /// Error message when adding a player fails
+  ///
+  /// In en, this message translates to:
+  /// **'Could not add player'**
+  String could_not_add_player(Object playerName);
+
+  /// Button text to create a group
+  ///
+  /// In en, this message translates to:
+  /// **'Create Group'**
+  String get create_group;
+
+  /// Button text to create a match
+  ///
+  /// In en, this message translates to:
+  /// **'Create match'**
+  String get create_match;
+
+  /// Button text to create a new group
+  ///
+  /// In en, this message translates to:
+  /// **'Create new group'**
+  String get create_new_group;
+
+  /// Button text to create a new match
+  ///
+  /// In en, this message translates to:
+  /// **'Create new match'**
+  String get create_new_match;
+
+  /// Success message after deleting data
+  ///
+  /// In en, this message translates to:
+  /// **'Data successfully deleted'**
+  String get data_successfully_deleted;
+
+  /// Success message after exporting data
+  ///
+  /// In en, this message translates to:
+  /// **'Data successfully exported'**
+  String get data_successfully_exported;
+
+  /// Success message after importing data
+  ///
+  /// In en, this message translates to:
+  /// **'Data successfully imported'**
+  String get data_successfully_imported;
+
+  /// Date format for days ago
+  ///
+  /// In en, this message translates to:
+  /// **'{count} days ago'**
+  String days_ago(int count);
+
+  /// Delete button text
+  ///
+  /// In en, this message translates to:
+  /// **'Delete'**
+  String get delete;
+
+  /// Confirmation dialog for deleting all data
+  ///
+  /// In en, this message translates to:
+  /// **'Delete all data'**
+  String get delete_all_data;
+
+  /// Error message when group creation fails
+  ///
+  /// In en, this message translates to:
+  /// **'Error while creating group, please try again'**
+  String get error_creating_group;
+
+  /// Error message when file cannot be read
+  ///
+  /// In en, this message translates to:
+  /// **'Error reading file'**
+  String get error_reading_file;
+
+  /// Message when export is canceled
+  ///
+  /// In en, this message translates to:
+  /// **'Export canceled'**
+  String get export_canceled;
+
+  /// Export data menu item
+  ///
+  /// In en, this message translates to:
+  /// **'Export data'**
+  String get export_data;
+
+  /// Error message for format exceptions
+  ///
+  /// In en, this message translates to:
+  /// **'Format Exception (see console)'**
+  String get format_exception;
+
+  /// Game label
+  ///
+  /// In en, this message translates to:
+  /// **'Game'**
+  String get game;
+
+  /// Placeholder for game name search
+  ///
+  /// In en, this message translates to:
+  /// **'Game Name'**
+  String get game_name;
+
+  /// Group label
+  ///
+  /// In en, this message translates to:
+  /// **'Group'**
+  String get group;
+
+  /// Placeholder for group name input
+  ///
+  /// In en, this message translates to:
+  /// **'Group name'**
+  String get group_name;
+
+  /// Label for groups
+  ///
+  /// In en, this message translates to:
+  /// **'Groups'**
+  String get groups;
+
+  /// Home tab label
+  ///
+  /// In en, this message translates to:
+  /// **'Home'**
+  String get home;
+
+  /// Message when import is canceled
+  ///
+  /// In en, this message translates to:
+  /// **'Import canceled'**
+  String get import_canceled;
+
+  /// Import data menu item
+  ///
+  /// In en, this message translates to:
+  /// **'Import data'**
+  String get import_data;
+
+  /// Info label
+  ///
+  /// In en, this message translates to:
+  /// **'Info'**
+  String get info;
+
+  /// Error message for invalid schema
+  ///
+  /// In en, this message translates to:
+  /// **'Invalid Schema'**
+  String get invalid_schema;
+
+  /// Title for least points ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Least Points'**
+  String get least_points;
+
+  /// Message when match is in progress
+  ///
+  /// In en, this message translates to:
+  /// **'Match in progress...'**
+  String get match_in_progress;
+
+  /// Placeholder for match name input
+  ///
+  /// In en, this message translates to:
+  /// **'Match name'**
+  String get match_name;
+
+  /// Label for matches
+  ///
+  /// In en, this message translates to:
+  /// **'Matches'**
+  String get matches;
+
+  /// Menu label
+  ///
+  /// In en, this message translates to:
+  /// **'Menu'**
+  String get menu;
+
+  /// Title for most points ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Most Points'**
+  String get most_points;
+
+  /// Message when no data in the statistic tiles is given
+  ///
+  /// In en, this message translates to:
+  /// **'No data available'**
+  String get no_data_available;
+
+  /// Message when no groups exist
+  ///
+  /// In en, this message translates to:
+  /// **'No groups created yet'**
+  String get no_groups_created_yet;
+
+  /// Message when no matches exist
+  ///
+  /// In en, this message translates to:
+  /// **'No matches created yet'**
+  String get no_matches_created_yet;
+
+  /// Message when no players exist
+  ///
+  /// In en, this message translates to:
+  /// **'No players created yet'**
+  String get no_players_created_yet;
+
+  /// Message when search returns no results
+  ///
+  /// In en, this message translates to:
+  /// **'No players found with that name'**
+  String get no_players_found_with_that_name;
+
+  /// Message when no players are selected
+  ///
+  /// In en, this message translates to:
+  /// **'No players selected'**
+  String get no_players_selected;
+
+  /// Message when no recent matches exist
+  ///
+  /// In en, this message translates to:
+  /// **'No recent matches available'**
+  String get no_recent_matches_available;
+
+  /// Message when no second match exists
+  ///
+  /// In en, this message translates to:
+  /// **'No second match available'**
+  String get no_second_match_available;
+
+  /// Message when no statistics are available, because no matches were played yet
+  ///
+  /// In en, this message translates to:
+  /// **'No statistics available'**
+  String get no_statistics_available;
+
+  /// None option label
+  ///
+  /// In en, this message translates to:
+  /// **'None'**
+  String get none;
+
+  /// None group option label
+  ///
+  /// In en, this message translates to:
+  /// **'None'**
+  String get none_group;
+
+  /// Abbreviation for not available
+  ///
+  /// In en, this message translates to:
+  /// **'Not available'**
+  String get not_available;
+
+  /// Placeholder for player name input
+  ///
+  /// In en, this message translates to:
+  /// **'Player name'**
+  String get player_name;
+
+  /// Players label
+  ///
+  /// In en, this message translates to:
+  /// **'Players'**
+  String get players;
+
+  /// Shows the number of players
+  ///
+  /// In en, this message translates to:
+  /// **'{count} Players'**
+  String players_count(int count);
+
+  /// Title for quick create section
+  ///
+  /// In en, this message translates to:
+  /// **'Quick Create'**
+  String get quick_create;
+
+  /// Title for recent matches section
+  ///
+  /// In en, this message translates to:
+  /// **'Recent Matches'**
+  String get recent_matches;
+
+  /// Ruleset label
+  ///
+  /// In en, this message translates to:
+  /// **'Ruleset'**
+  String get ruleset;
+
+  /// Description for least points ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Inverse scoring: the player with the fewest points wins.'**
+  String get ruleset_least_points;
+
+  /// Description for most points ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Traditional ruleset: the player with the most points wins.'**
+  String get ruleset_most_points;
+
+  /// Description for single loser ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Exactly one loser is determined; last place receives the penalty or consequence.'**
+  String get ruleset_single_loser;
+
+  /// Description for single winner ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Exactly one winner is chosen; ties are resolved by a predefined tiebreaker.'**
+  String get ruleset_single_winner;
+
+  /// Hint text for group search input field
+  ///
+  /// In en, this message translates to:
+  /// **'Search for groups'**
+  String get search_for_groups;
+
+  /// Hint text for player search input field
+  ///
+  /// In en, this message translates to:
+  /// **'Search for players'**
+  String get search_for_players;
+
+  /// Label to select the winner
+  ///
+  /// In en, this message translates to:
+  /// **'Select Winner:'**
+  String get select_winner;
+
+  /// Shows the number of selected players
+  ///
+  /// In en, this message translates to:
+  /// **'Selected players'**
+  String get selected_players;
+
+  /// Settings label
+  ///
+  /// In en, this message translates to:
+  /// **'Settings'**
+  String get settings;
+
+  /// Title for single loser ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Single Loser'**
+  String get single_loser;
+
+  /// Title for single winner ruleset
+  ///
+  /// In en, this message translates to:
+  /// **'Single Winner'**
+  String get single_winner;
+
+  /// Statistics tab label
+  ///
+  /// In en, this message translates to:
+  /// **'Statistics'**
+  String get statistics;
+
+  /// Stats tab label (short)
+  ///
+  /// In en, this message translates to:
+  /// **'Stats'**
+  String get stats;
+
+  /// Success message when adding a player
+  ///
+  /// In en, this message translates to:
+  /// **'Successfully added player {playerName}'**
+  String successfully_added_player(String playerName);
+
+  /// Message when search returns no groups
+  ///
+  /// In en, this message translates to:
+  /// **'There is no group matching your search'**
+  String get there_is_no_group_matching_your_search;
+
+  /// Warning message for irreversible actions
+  ///
+  /// In en, this message translates to:
+  /// **'This can\'t be undone'**
+  String get this_cannot_be_undone;
+
+  /// Date format for today
+  ///
+  /// In en, this message translates to:
+  /// **'Today at'**
+  String get today_at;
+
+  /// Undo button text
+  ///
+  /// In en, this message translates to:
+  /// **'Undo'**
+  String get undo;
+
+  /// Error message for unknown exceptions
+  ///
+  /// In en, this message translates to:
+  /// **'Unknown Exception (see console)'**
+  String get unknown_exception;
+
+  /// Winner label
+  ///
+  /// In en, this message translates to:
+  /// **'Winner'**
+  String get winner;
+
+  /// Label for winrate statistic
+  ///
+  /// In en, this message translates to:
+  /// **'Winrate'**
+  String get winrate;
+
+  /// Label for wins statistic
+  ///
+  /// In en, this message translates to:
+  /// **'Wins'**
+  String get wins;
+
+  /// Date format for yesterday
+  ///
+  /// In en, this message translates to:
+  /// **'Yesterday at'**
+  String get yesterday_at;
+}
+
+class _AppLocalizationsDelegate
+    extends LocalizationsDelegate<AppLocalizations> {
+  const _AppLocalizationsDelegate();
+
+  @override
+  Future<AppLocalizations> load(Locale locale) {
+    return SynchronousFuture<AppLocalizations>(lookupAppLocalizations(locale));
+  }
+
+  @override
+  bool isSupported(Locale locale) =>
+      <String>['de', 'en'].contains(locale.languageCode);
+
+  @override
+  bool shouldReload(_AppLocalizationsDelegate old) => false;
+}
+
+AppLocalizations lookupAppLocalizations(Locale locale) {
+  // Lookup logic when only language code is specified.
+  switch (locale.languageCode) {
+    case 'de':
+      return AppLocalizationsDe();
+    case 'en':
+      return AppLocalizationsEn();
+  }
+
+  throw FlutterError(
+    'AppLocalizations.delegate failed to load unsupported locale "$locale". This is likely '
+    'an issue with the localizations generation tool. Please file an issue '
+    'on GitHub with a reproducible sample app and the gen-l10n configuration '
+    'that was used.',
+  );
+}

lib/l10n/generated/app_localizations_de.dart

@@ -0,0 +1,269 @@
+// ignore: unused_import
+import 'package:intl/intl.dart' as intl;
+import 'app_localizations.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for German (`de`).
+class AppLocalizationsDe extends AppLocalizations {
+  AppLocalizationsDe([String locale = 'de']) : super(locale);
+
+  @override
+  String get all_players => 'Alle Spieler:innen';
+
+  @override
+  String get all_players_selected => 'Alle Spieler:innen ausgewählt';
+
+  @override
+  String get amount_of_matches => 'Anzahl der Spiele';
+
+  @override
+  String get app_name => 'Game Tracker';
+
+  @override
+  String get cancel => 'Abbrechen';
+
+  @override
+  String get choose_game => 'Spielvorlage wählen';
+
+  @override
+  String get choose_group => 'Gruppe wählen';
+
+  @override
+  String get choose_ruleset => 'Regelwerk wählen';
+
+  @override
+  String could_not_add_player(Object playerName) {
+    return 'Spieler:in $playerName konnte nicht hinzugefügt werden';
+  }
+
+  @override
+  String get create_group => 'Gruppe erstellen';
+
+  @override
+  String get create_match => 'Spiel erstellen';
+
+  @override
+  String get create_new_group => 'Neue Gruppe erstellen';
+
+  @override
+  String get create_new_match => 'Neues Spiel erstellen';
+
+  @override
+  String get data_successfully_deleted => 'Daten erfolgreich gelöscht';
+
+  @override
+  String get data_successfully_exported => 'Daten erfolgreich exportiert';
+
+  @override
+  String get data_successfully_imported => 'Daten erfolgreich importiert';
+
+  @override
+  String days_ago(int count) {
+    return 'vor $count Tagen';
+  }
+
+  @override
+  String get delete => 'Löschen';
+
+  @override
+  String get delete_all_data => 'Alle Daten löschen';
+
+  @override
+  String get error_creating_group =>
+      'Fehler beim Erstellen der Gruppe, bitte erneut versuchen';
+
+  @override
+  String get error_reading_file => 'Fehler beim Lesen der Datei';
+
+  @override
+  String get export_canceled => 'Export abgebrochen';
+
+  @override
+  String get export_data => 'Daten exportieren';
+
+  @override
+  String get format_exception => 'Formatfehler (siehe Konsole)';
+
+  @override
+  String get game => 'Spielvorlage';
+
+  @override
+  String get game_name => 'Spielvorlagenname';
+
+  @override
+  String get group => 'Gruppe';
+
+  @override
+  String get group_name => 'Gruppenname';
+
+  @override
+  String get groups => 'Gruppen';
+
+  @override
+  String get home => 'Startseite';
+
+  @override
+  String get import_canceled => 'Import abgebrochen';
+
+  @override
+  String get import_data => 'Daten importieren';
+
+  @override
+  String get info => 'Info';
+
+  @override
+  String get invalid_schema => 'Ungültiges Schema';
+
+  @override
+  String get least_points => 'Niedrigste Punkte';
+
+  @override
+  String get match_in_progress => 'Spiel läuft...';
+
+  @override
+  String get match_name => 'Spieltitel';
+
+  @override
+  String get matches => 'Spiele';
+
+  @override
+  String get menu => 'Menü';
+
+  @override
+  String get most_points => 'Höchste Punkte';
+
+  @override
+  String get no_data_available => 'Keine Daten verfügbar';
+
+  @override
+  String get no_groups_created_yet => 'Noch keine Gruppen erstellt';
+
+  @override
+  String get no_matches_created_yet => 'Noch keine Spiele erstellt';
+
+  @override
+  String get no_players_created_yet => 'Noch keine Spieler:in erstellt';
+
+  @override
+  String get no_players_found_with_that_name =>
+      'Keine Spieler:in mit diesem Namen gefunden';
+
+  @override
+  String get no_players_selected => 'Keine Spieler:innen ausgewählt';
+
+  @override
+  String get no_recent_matches_available => 'Keine letzten Spiele verfügbar';
+
+  @override
+  String get no_second_match_available => 'Kein zweites Spiel verfügbar';
+
+  @override
+  String get no_statistics_available => 'Keine Statistiken verfügbar';
+
+  @override
+  String get none => 'Kein';
+
+  @override
+  String get none_group => 'Keine';
+
+  @override
+  String get not_available => 'Nicht verfügbar';
+
+  @override
+  String get player_name => 'Spieler:innenname';
+
+  @override
+  String get players => 'Spieler:innen';
+
+  @override
+  String players_count(int count) {
+    return '$count Spieler';
+  }
+
+  @override
+  String get quick_create => 'Schnellzugriff';
+
+  @override
+  String get recent_matches => 'Letzte Spiele';
+
+  @override
+  String get ruleset => 'Regelwerk';
+
+  @override
+  String get ruleset_least_points =>
+      'Umgekehrte Wertung: Der/die Spieler:in mit den wenigsten Punkten gewinnt.';
+
+  @override
+  String get ruleset_most_points =>
+      'Traditionelles Regelwerk: Der/die Spieler:in mit den meisten Punkten gewinnt.';
+
+  @override
+  String get ruleset_single_loser =>
+      'Genau ein:e Verlierer:in wird bestimmt; der letzte Platz erhält die Strafe oder Konsequenz.';
+
+  @override
+  String get ruleset_single_winner =>
+      'Genau ein:e Gewinner:in wird gewählt; Unentschieden werden durch einen vordefinierten Tie-Breaker aufgelöst.';
+
+  @override
+  String get search_for_groups => 'Nach Gruppen suchen';
+
+  @override
+  String get search_for_players => 'Nach Spieler:innen suchen';
+
+  @override
+  String get select_winner => 'Gewinner:in wählen:';
+
+  @override
+  String get selected_players => 'Ausgewählte Spieler:innen';
+
+  @override
+  String get settings => 'Einstellungen';
+
+  @override
+  String get single_loser => 'Ein:e Verlierer:in';
+
+  @override
+  String get single_winner => 'Ein:e Gewinner:in';
+
+  @override
+  String get statistics => 'Statistiken';
+
+  @override
+  String get stats => 'Statistiken';
+
+  @override
+  String successfully_added_player(String playerName) {
+    return 'Spieler:in $playerName erfolgreich hinzugefügt';
+  }
+
+  @override
+  String get there_is_no_group_matching_your_search =>
+      'Es gibt keine Gruppe, die deiner Suche entspricht';
+
+  @override
+  String get this_cannot_be_undone =>
+      'Dies kann nicht rückgängig gemacht werden';
+
+  @override
+  String get today_at => 'Heute um';
+
+  @override
+  String get undo => 'Rückgängig';
+
+  @override
+  String get unknown_exception => 'Unbekannter Fehler (siehe Konsole)';
+
+  @override
+  String get winner => 'Gewinner:in';
+
+  @override
+  String get winrate => 'Siegquote';
+
+  @override
+  String get wins => 'Siege';
+
+  @override
+  String get yesterday_at => 'Gestern um';
+}

lib/l10n/generated/app_localizations_en.dart

@@ -0,0 +1,268 @@
+// ignore: unused_import
+import 'package:intl/intl.dart' as intl;
+import 'app_localizations.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for English (`en`).
+class AppLocalizationsEn extends AppLocalizations {
+  AppLocalizationsEn([String locale = 'en']) : super(locale);
+
+  @override
+  String get all_players => 'All players';
+
+  @override
+  String get all_players_selected => 'All players selected';
+
+  @override
+  String get amount_of_matches => 'Amount of Matches';
+
+  @override
+  String get app_name => 'Game Tracker';
+
+  @override
+  String get cancel => 'Cancel';
+
+  @override
+  String get choose_game => 'Choose Game';
+
+  @override
+  String get choose_group => 'Choose Group';
+
+  @override
+  String get choose_ruleset => 'Choose Ruleset';
+
+  @override
+  String could_not_add_player(Object playerName) {
+    return 'Could not add player';
+  }
+
+  @override
+  String get create_group => 'Create Group';
+
+  @override
+  String get create_match => 'Create match';
+
+  @override
+  String get create_new_group => 'Create new group';
+
+  @override
+  String get create_new_match => 'Create new match';
+
+  @override
+  String get data_successfully_deleted => 'Data successfully deleted';
+
+  @override
+  String get data_successfully_exported => 'Data successfully exported';
+
+  @override
+  String get data_successfully_imported => 'Data successfully imported';
+
+  @override
+  String days_ago(int count) {
+    return '$count days ago';
+  }
+
+  @override
+  String get delete => 'Delete';
+
+  @override
+  String get delete_all_data => 'Delete all data';
+
+  @override
+  String get error_creating_group =>
+      'Error while creating group, please try again';
+
+  @override
+  String get error_reading_file => 'Error reading file';
+
+  @override
+  String get export_canceled => 'Export canceled';
+
+  @override
+  String get export_data => 'Export data';
+
+  @override
+  String get format_exception => 'Format Exception (see console)';
+
+  @override
+  String get game => 'Game';
+
+  @override
+  String get game_name => 'Game Name';
+
+  @override
+  String get group => 'Group';
+
+  @override
+  String get group_name => 'Group name';
+
+  @override
+  String get groups => 'Groups';
+
+  @override
+  String get home => 'Home';
+
+  @override
+  String get import_canceled => 'Import canceled';
+
+  @override
+  String get import_data => 'Import data';
+
+  @override
+  String get info => 'Info';
+
+  @override
+  String get invalid_schema => 'Invalid Schema';
+
+  @override
+  String get least_points => 'Least Points';
+
+  @override
+  String get match_in_progress => 'Match in progress...';
+
+  @override
+  String get match_name => 'Match name';
+
+  @override
+  String get matches => 'Matches';
+
+  @override
+  String get menu => 'Menu';
+
+  @override
+  String get most_points => 'Most Points';
+
+  @override
+  String get no_data_available => 'No data available';
+
+  @override
+  String get no_groups_created_yet => 'No groups created yet';
+
+  @override
+  String get no_matches_created_yet => 'No matches created yet';
+
+  @override
+  String get no_players_created_yet => 'No players created yet';
+
+  @override
+  String get no_players_found_with_that_name =>
+      'No players found with that name';
+
+  @override
+  String get no_players_selected => 'No players selected';
+
+  @override
+  String get no_recent_matches_available => 'No recent matches available';
+
+  @override
+  String get no_second_match_available => 'No second match available';
+
+  @override
+  String get no_statistics_available => 'No statistics available';
+
+  @override
+  String get none => 'None';
+
+  @override
+  String get none_group => 'None';
+
+  @override
+  String get not_available => 'Not available';
+
+  @override
+  String get player_name => 'Player name';
+
+  @override
+  String get players => 'Players';
+
+  @override
+  String players_count(int count) {
+    return '$count Players';
+  }
+
+  @override
+  String get quick_create => 'Quick Create';
+
+  @override
+  String get recent_matches => 'Recent Matches';
+
+  @override
+  String get ruleset => 'Ruleset';
+
+  @override
+  String get ruleset_least_points =>
+      'Inverse scoring: the player with the fewest points wins.';
+
+  @override
+  String get ruleset_most_points =>
+      'Traditional ruleset: the player with the most points wins.';
+
+  @override
+  String get ruleset_single_loser =>
+      'Exactly one loser is determined; last place receives the penalty or consequence.';
+
+  @override
+  String get ruleset_single_winner =>
+      'Exactly one winner is chosen; ties are resolved by a predefined tiebreaker.';
+
+  @override
+  String get search_for_groups => 'Search for groups';
+
+  @override
+  String get search_for_players => 'Search for players';
+
+  @override
+  String get select_winner => 'Select Winner:';
+
+  @override
+  String get selected_players => 'Selected players';
+
+  @override
+  String get settings => 'Settings';
+
+  @override
+  String get single_loser => 'Single Loser';
+
+  @override
+  String get single_winner => 'Single Winner';
+
+  @override
+  String get statistics => 'Statistics';
+
+  @override
+  String get stats => 'Stats';
+
+  @override
+  String successfully_added_player(String playerName) {
+    return 'Successfully added player $playerName';
+  }
+
+  @override
+  String get there_is_no_group_matching_your_search =>
+      'There is no group matching your search';
+
+  @override
+  String get this_cannot_be_undone => 'This can\'t be undone';
+
+  @override
+  String get today_at => 'Today at';
+
+  @override
+  String get undo => 'Undo';
+
+  @override
+  String get unknown_exception => 'Unknown Exception (see console)';
+
+  @override
+  String get winner => 'Winner';
+
+  @override
+  String get winrate => 'Winrate';
+
+  @override
+  String get wins => 'Wins';
+
+  @override
+  String get yesterday_at => 'Yesterday at';
+}

lib/main.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/custom_navigation_bar.dart';
 import 'package:provider/provider.dart';
 
@@ -20,22 +21,36 @@ class GameTracker extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
+      localizationsDelegates: AppLocalizations.localizationsDelegates,
+      supportedLocales: AppLocalizations.supportedLocales,
+      localeResolutionCallback: (locale, supportedLocales) {
+        for (final supportedLocale in supportedLocales) {
+          if (supportedLocale.languageCode == locale?.languageCode) {
+            return supportedLocale;
+          }
+        }
+        return supportedLocales.firstWhere(
+          (locale) => locale.languageCode == 'en',
+        );
+      },
       debugShowCheckedModeBanner: false,
-      title: 'Game Tracker',
+      onGenerateTitle: (context) => AppLocalizations.of(context).app_name,
-      darkTheme: ThemeData.dark(),
-
       themeMode: ThemeMode.dark, // forces dark mode
       theme: ThemeData(
         primaryColor: CustomTheme.primaryColor,
         scaffoldBackgroundColor: CustomTheme.backgroundColor,
         appBarTheme: CustomTheme.appBarTheme,
-
         colorScheme: ColorScheme.fromSeed(
           seedColor: CustomTheme.primaryColor,
           brightness: Brightness.dark,
         ).copyWith(surface: CustomTheme.backgroundColor),
+        pageTransitionsTheme: const PageTransitionsTheme(
+          builders: {
+            TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
+            TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
+          },
+        ),
       ),
-
       home: const CustomNavigationBar(),
     );
   }

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -1,5 +1,9 @@
+import 'dart:ui';
+
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/group_view/groups_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/home_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/match_view.dart';
@@ -16,16 +20,15 @@ class CustomNavigationBar extends StatefulWidget {
 
 class _CustomNavigationBarState extends State<CustomNavigationBar>
     with SingleTickerProviderStateMixin {
+  /// Currently selected tab index
   int currentIndex = 0;
+
+  /// Key count to force rebuild of tab views
   int tabKeyCount = 0;
 
-  @override
-  void initState() {
-    super.initState();
-  }
-
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     // Pretty ugly but works
     final List<Widget> tabs = [
       KeyedSubtree(key: ValueKey('home_$tabKeyCount'), child: const HomeView()),
@@ -46,7 +49,7 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       appBar: AppBar(
         centerTitle: true,
         title: Text(
-          _currentTabTitle(),
+          _currentTabTitle(context),
           style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
         ),
         backgroundColor: CustomTheme.backgroundColor,
@@ -56,7 +59,7 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
             onPressed: () async {
               await Navigator.push(
                 context,
-                MaterialPageRoute(builder: (_) => const SettingsView()),
+                adaptivePageRoute(builder: (_) => const SettingsView()),
               );
               setState(() {
                 tabKeyCount++;
@@ -70,18 +73,61 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       backgroundColor: CustomTheme.backgroundColor,
       body: tabs[currentIndex],
       extendBody: true,
-      bottomNavigationBar: SafeArea(
+      bottomNavigationBar: SizedBox(
-        minimum: const EdgeInsets.only(bottom: 30),
+        height: 70 + MediaQuery.of(context).padding.bottom,
-        child: Container(
+        child: Stack(
-          margin: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 10),
+          children: [
-          decoration: BoxDecoration(
+            // Dynamisch generierte Blur-Layer für ultra-smooth Übergang
-            borderRadius: BorderRadius.circular(24),
+            ...List.generate(35, (index) {
-            color: CustomTheme.primaryColor,
+              // Verwende kubische Kurve für noch natürlicheren, weicheren Übergang
+              final progress = index / 34.0; // 0.0 bis 1.0
+              final cubic = progress * progress * progress; // Kubische Kurve
+              final blurStrength = 0.5 + (cubic * 50.0); // Sehr sanft von 0.5 bis 50.5
+
+              // Höhe geht jetzt komplett von 100% bis 0% (ganz nach unten)
+              // Mit extra Dichte am unteren Ende für weicheren Übergang
+              final heightFactor = index < 25
+                  ? 1.0 - (progress * 0.7)  // Erste 25 Layer: 100% bis 30%
+                  : 0.3 - ((index - 25) / 34.0); // Letzte 10 Layer: 30% bis 0% (dichter)
+
+              return Positioned(
+                left: 0,
+                right: 0,
+                bottom: 0,
+                height: (70 + MediaQuery.of(context).padding.bottom) * heightFactor.clamp(0.05, 1.0),
+                child: ClipRect(
+                  child: BackdropFilter(
+                    filter: ImageFilter.blur(
+                      sigmaX: blurStrength,
+                      sigmaY: blurStrength,
                     ),
-          child: ClipRRect(
+                    child: Container(
-            borderRadius: BorderRadius.circular(24),
+                      color: Colors.transparent,
+                    ),
+                  ),
+                ),
+              );
+            }),
+            // Gradient-Overlay
+            Positioned.fill(
+              child: Container(
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    begin: Alignment.bottomCenter,
+                    end: Alignment.topCenter,
+                    colors: [
+                      CustomTheme.boxColor.withValues(alpha: 1),
+                      CustomTheme.boxColor.withValues(alpha: 0.0),
+                    ],
+                    stops: const [0.4, 1],
+                  ),
+                ),
+              ),
+            ),
+            // Navbar-Inhalt
+            SafeArea(
               child: SizedBox(
-              height: 60,
+                height: 70,
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceAround,
                   children: <Widget>[
@@ -89,55 +135,59 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
                       index: 0,
                       isSelected: currentIndex == 0,
                       icon: Icons.home_rounded,
-                    label: 'Home',
+                      label: loc.home,
                       onTabTapped: onTabTapped,
                     ),
                     NavbarItem(
                       index: 1,
                       isSelected: currentIndex == 1,
                       icon: Icons.gamepad_rounded,
-                    label: 'Matches',
+                      label: loc.matches,
                       onTabTapped: onTabTapped,
                     ),
                     NavbarItem(
                       index: 2,
                       isSelected: currentIndex == 2,
                       icon: Icons.group_rounded,
-                    label: 'Groups',
+                      label: loc.groups,
                       onTabTapped: onTabTapped,
                     ),
                     NavbarItem(
                       index: 3,
                       isSelected: currentIndex == 3,
                       icon: Icons.bar_chart_rounded,
-                    label: 'Stats',
+                      label: loc.statistics,
                       onTabTapped: onTabTapped,
                     ),
                   ],
                 ),
               ),
             ),
+          ],
         ),
       ),
     );
   }
 
+  /// Handles tab tap events. Updates the current [index] state.
   void onTabTapped(int index) {
     setState(() {
       currentIndex = index;
     });
   }
 
-  String _currentTabTitle() {
+  /// Returns the title of the current tab based on [currentIndex].
+  String _currentTabTitle(context) {
+    final loc = AppLocalizations.of(context);
     switch (currentIndex) {
       case 0:
-        return 'Home';
+        return loc.home;
       case 1:
-        return 'Matches';
+        return loc.matches;
       case 2:
-        return 'Groups';
+        return loc.groups;
       case 3:
-        return 'Statistics';
+        return loc.statistics;
       default:
         return '';
     }

lib/presentation/views/main_menu/group_view/create_group_view.dart

@@ -4,6 +4,7 @@ import 'package:game_tracker/core/enums.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
 import 'package:game_tracker/presentation/widgets/player_selection.dart';
 import 'package:game_tracker/presentation/widgets/text_input/text_input_field.dart';
@@ -17,8 +18,12 @@ class CreateGroupView extends StatefulWidget {
 }
 
 class _CreateGroupViewState extends State<CreateGroupView> {
-  final _groupNameController = TextEditingController();
   late final AppDatabase db;
+
+  /// Controller for the group name input field
+  final _groupNameController = TextEditingController();
+
+  /// List of currently selected players
   List<Player> selectedPlayers = [];
 
   @override
@@ -38,29 +43,20 @@ class _CreateGroupViewState extends State<CreateGroupView> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    final loc = AppLocalizations.of(context);
+    return ScaffoldMessenger(
+      child: Scaffold(
         backgroundColor: CustomTheme.backgroundColor,
-      appBar: AppBar(
+        appBar: AppBar(title: Text(loc.create_new_group)),
-        backgroundColor: CustomTheme.backgroundColor,
-        scrolledUnderElevation: 0,
-        title: const Text(
-          'Create new group',
-          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
-        ),
-        centerTitle: true,
-      ),
         body: SafeArea(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.start,
             children: [
               Container(
-              margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+                margin: CustomTheme.standardMargin,
                 child: TextInputField(
                   controller: _groupNameController,
-                hintText: 'Group name',
+                  hintText: loc.group_name,
-                onChanged: (value) {
-                  setState(() {});
-                },
                 ),
               ),
               Expanded(
@@ -73,7 +69,7 @@ class _CreateGroupViewState extends State<CreateGroupView> {
                 ),
               ),
               CustomWidthButton(
-              text: 'Create group',
+                text: loc.create_group,
                 sizeRelativeToWidth: 0.95,
                 buttonType: ButtonType.primary,
                 onPressed:
@@ -94,22 +90,24 @@ class _CreateGroupViewState extends State<CreateGroupView> {
                           ScaffoldMessenger.of(context).showSnackBar(
                             SnackBar(
                               backgroundColor: CustomTheme.boxColor,
-                            content: const Center(
+                              content: Center(
                                 child: Text(
-                                'Error while creating group, please try again',
+                                  AppLocalizations.of(
-                                style: TextStyle(color: Colors.white),
+                                    context,
+                                  ).error_creating_group,
+                                  style: const TextStyle(color: Colors.white),
                                 ),
                               ),
                             ),
                           );
                         }
-                      setState(() {});
                       },
               ),
               const SizedBox(height: 20),
             ],
           ),
         ),
+      ),
     );
   }
 }

lib/presentation/views/main_menu/group_view/groups_view.dart

@@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/group_view/create_group_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
@@ -20,7 +22,11 @@ class GroupsView extends StatefulWidget {
 
 class _GroupsViewState extends State<GroupsView> {
   late final AppDatabase db;
+
+  /// Loaded groups from the database
   late List<Group> loadedGroups;
+
+  /// Loading state
   bool isLoading = true;
 
   List<Group> groups = List.filled(
@@ -34,12 +40,14 @@ class _GroupsViewState extends State<GroupsView> {
   @override
   void initState() {
     super.initState();
+
     db = Provider.of<AppDatabase>(context, listen: false);
     loadGroups();
   }
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Scaffold(
       backgroundColor: CustomTheme.backgroundColor,
       body: Stack(
@@ -49,11 +57,11 @@ class _GroupsViewState extends State<GroupsView> {
             enabled: isLoading,
             child: Visibility(
               visible: groups.isNotEmpty,
-              replacement: const Center(
+              replacement: Center(
                 child: TopCenteredMessage(
                   icon: Icons.info,
-                  title: 'Info',
+                  title: loc.info,
-                  message: 'No groups created yet',
+                  message: loc.no_groups_created_yet,
                 ),
               ),
               child: ListView.builder(
@@ -73,12 +81,12 @@ class _GroupsViewState extends State<GroupsView> {
           Positioned(
             bottom: MediaQuery.paddingOf(context).bottom,
             child: CustomWidthButton(
-              text: 'Create Group',
+              text: loc.create_group,
               sizeRelativeToWidth: 0.90,
               onPressed: () async {
                 await Navigator.push(
                   context,
-                  MaterialPageRoute(
+                  adaptivePageRoute(
                     builder: (context) {
                       return const CreateGroupView();
                     },
@@ -98,7 +106,7 @@ class _GroupsViewState extends State<GroupsView> {
   void loadGroups() {
     Future.wait([
       db.groupDao.getAllGroups(),
-      Future.delayed(minimumSkeletonDuration),
+      Future.delayed(Constants.minimumSkeletonDuration),
     ]).then((results) {
       loadedGroups = results[0] as List<Group>;
       setState(() {

lib/presentation/views/main_menu/home_view.dart

@@ -1,13 +1,16 @@
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+import 'package:game_tracker/presentation/views/main_menu/match_view/match_result_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/buttons/quick_create_button.dart';
-import 'package:game_tracker/presentation/widgets/tiles/game_tile.dart';
 import 'package:game_tracker/presentation/widgets/tiles/info_tile.dart';
+import 'package:game_tracker/presentation/widgets/tiles/match_tile.dart';
 import 'package:game_tracker/presentation/widgets/tiles/quick_info_tile.dart';
 import 'package:provider/provider.dart';
 
@@ -20,9 +23,17 @@ class HomeView extends StatefulWidget {
 
 class _HomeViewState extends State<HomeView> {
   bool isLoading = true;
+
+  /// Amount of matches in the database
   int matchCount = 0;
+
+  /// Amount of groups in the database
   int groupCount = 0;
+
+  /// Loaded recent matches from the database
   List<Match> loadedRecentMatches = [];
+
+  /// Recent matches to display, initially filled with skeleton matches
   List<Match> recentMatches = List.filled(
     2,
     Match(
@@ -34,43 +45,18 @@ class _HomeViewState extends State<HomeView> {
           Player(name: 'Skeleton Player 2'),
         ],
       ),
-      winner: Player(name: 'Skeleton Player 1'),
     ),
   );
 
   @override
   void initState() {
     super.initState();
-    final db = Provider.of<AppDatabase>(context, listen: false);
+    loadHomeViewData();
-    Future.wait([
-      db.matchDao.getMatchCount(),
-      db.groupDao.getGroupCount(),
-      db.matchDao.getAllMatches(),
-      Future.delayed(minimumSkeletonDuration),
-    ]).then((results) {
-      matchCount = results[0] as int;
-      groupCount = results[1] as int;
-      loadedRecentMatches = results[2] as List<Match>;
-      recentMatches =
-          (loadedRecentMatches
-                ..sort((a, b) => b.createdAt.compareTo(a.createdAt)))
-              .take(2)
-              .toList();
-      if (loadedRecentMatches.length < 2) {
-        recentMatches.add(
-          Match(name: 'Dummy Match', winner: null, group: null, players: null),
-        );
-      }
-      if (mounted) {
-        setState(() {
-          isLoading = false;
-        });
-      }
-    });
   }
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return LayoutBuilder(
       builder: (BuildContext context, BoxConstraints constraints) {
         return AppSkeleton(
@@ -86,7 +72,7 @@ class _HomeViewState extends State<HomeView> {
                     QuickInfoTile(
                       width: constraints.maxWidth * 0.45,
                       height: constraints.maxHeight * 0.15,
-                      title: 'Matches',
+                      title: loc.matches,
                       icon: Icons.groups_rounded,
                       value: matchCount,
                     ),
@@ -94,7 +80,7 @@ class _HomeViewState extends State<HomeView> {
                     QuickInfoTile(
                       width: constraints.maxWidth * 0.45,
                       height: constraints.maxHeight * 0.15,
-                      title: 'Groups',
+                      title: loc.groups,
                       icon: Icons.groups_rounded,
                       value: groupCount,
                     ),
@@ -104,59 +90,46 @@ class _HomeViewState extends State<HomeView> {
                   padding: const EdgeInsets.symmetric(vertical: 16.0),
                   child: InfoTile(
                     width: constraints.maxWidth * 0.95,
-                    title: 'Recent Matches',
+                    title: loc.recent_matches,
-                    icon: Icons.timer,
+                    icon: Icons.history_rounded,
-                    content: Padding(
+                    content: Column(
-                      padding: const EdgeInsets.symmetric(horizontal: 40.0),
-                      child: Visibility(
-                        visible: !isLoading && loadedRecentMatches.isNotEmpty,
-                        replacement: const Center(
-                          heightFactor: 12,
-                          child: Text('No recent games available'),
-                        ),
-                        child: Column(
-                          mainAxisAlignment: MainAxisAlignment.start,
-                          crossAxisAlignment: CrossAxisAlignment.start,
                       children: [
-                            MatchTile(
+                        if (recentMatches.isNotEmpty)
-                              matchTitle: recentMatches[0].name,
+                          for (Match match in recentMatches)
-                              game: 'Winner',
+                            Padding(
-                              ruleset: 'Ruleset',
+                              padding: const EdgeInsets.symmetric(
-                              players: _getPlayerText(recentMatches[0]),
+                                vertical: 6.0,
-                              winner: recentMatches[0].winner == null
-                                  ? 'Match in progress...'
-                                  : recentMatches[0].winner!.name,
                               ),
-                            const Padding(
+                              child: MatchTile(
-                              padding: EdgeInsets.symmetric(vertical: 8.0),
+                                compact: true,
-                              child: Divider(),
+                                width: constraints.maxWidth * 0.9,
+                                match: match,
+                                onTap: () async {
+                                  await Navigator.of(context).push(
+                                    adaptivePageRoute(
+                                      fullscreenDialog: true,
+                                      builder: (context) =>
+                                          MatchResultView(match: match),
                                     ),
-                            if (loadedRecentMatches.length > 1) ...[
+                                  );
-                              MatchTile(
+                                  await updatedWinnerinRecentMatches(match.id);
-                                matchTitle: recentMatches[1].name,
+                                },
-                                game: 'Winner',
-                                ruleset: 'Ruleset',
-                                players: _getPlayerText(recentMatches[1]),
-                                winner: recentMatches[1].winner == null
-                                    ? 'Game in progress...'
-                                    : recentMatches[1].winner!.name,
                               ),
-                              const SizedBox(height: 8),
+                            )
-                            ] else ...[
+                        else
-                              const Center(
+                          Center(
-                                heightFactor: 5.35,
+                            heightFactor: 5,
-                                child: Text('No second game available'),
+                            child: Text(loc.no_recent_matches_available),
                           ),
                       ],
-                          ],
                     ),
                   ),
                 ),
-                  ),
+                Padding(
-                ),
+                  padding: EdgeInsets.zero,
-                InfoTile(
+                  child: InfoTile(
                     width: constraints.maxWidth * 0.95,
-                  title: 'Quick Create',
+                    title: loc.quick_create,
                     icon: Icons.add_box_rounded,
                     content: Column(
                       children: [
@@ -202,6 +175,8 @@ class _HomeViewState extends State<HomeView> {
                       ],
                     ),
                   ),
+                ),
+                SizedBox(height: MediaQuery.paddingOf(context).bottom),
               ],
             ),
           ),
@@ -210,14 +185,41 @@ class _HomeViewState extends State<HomeView> {
     );
   }
 
-  String _getPlayerText(Match game) {
+  /// Loads the data for the HomeView from the database.
-    if (game.group == null) {
+  /// This includes the match count, group count, and recent matches.
-      final playerCount = game.players?.length ?? 0;
+  Future<void> loadHomeViewData() async {
-      return '$playerCount Players';
+    final db = Provider.of<AppDatabase>(context, listen: false);
+    Future.wait([
+      db.matchDao.getMatchCount(),
+      db.groupDao.getGroupCount(),
+      db.matchDao.getAllMatches(),
+      Future.delayed(Constants.minimumSkeletonDuration),
+    ]).then((results) {
+      matchCount = results[0] as int;
+      groupCount = results[1] as int;
+      loadedRecentMatches = results[2] as List<Match>;
+      recentMatches =
+          (loadedRecentMatches
+                ..sort((a, b) => b.createdAt.compareTo(a.createdAt)))
+              .take(2)
+              .toList();
+      if (mounted) {
+        setState(() {
+          isLoading = false;
+        });
       }
-    if (game.players == null || game.players!.isEmpty) {
+    });
-      return game.group!.name;
+  }
+
+  /// Updates the winner information for a specific match in the recent matches list.
+  Future<void> updatedWinnerinRecentMatches(String matchId) async {
+    final db = Provider.of<AppDatabase>(context, listen: false);
+    final winner = await db.matchDao.getWinner(matchId: matchId);
+    final matchIndex = recentMatches.indexWhere((match) => match.id == matchId);
+    if (matchIndex != -1) {
+      setState(() {
+        recentMatches[matchIndex].winner = winner;
+      });
     }
-    return '${game.group!.name} + ${game.players!.length}';
   }
 }

lib/presentation/views/main_menu/match_view/create_match/choose_game_view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/title_description_list_tile.dart';
 
@@ -19,9 +20,12 @@ class ChooseGameView extends StatefulWidget {
 }
 
 class _ChooseGameViewState extends State<ChooseGameView> {
-  late int selectedGameIndex;
+  /// Controller for the search bar
   final TextEditingController searchBarController = TextEditingController();
 
+  /// Currently selected game index
+  late int selectedGameIndex;
+
   @override
   void initState() {
     selectedGameIndex = widget.initialGameIndex;
@@ -30,30 +34,35 @@ class _ChooseGameViewState extends State<ChooseGameView> {
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Scaffold(
       backgroundColor: CustomTheme.backgroundColor,
       appBar: AppBar(
-        backgroundColor: CustomTheme.backgroundColor,
-        scrolledUnderElevation: 0,
         leading: IconButton(
           icon: const Icon(Icons.arrow_back_ios),
           onPressed: () {
             Navigator.of(context).pop(selectedGameIndex);
           },
         ),
-        title: const Text(
+        title: Text(loc.choose_game),
-          'Choose Game',
-          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
       ),
-        centerTitle: true,
+      body: PopScope(
-      ),
+        // This fixes that the Android Back Gesture didn't return the
-      body: Column(
+        // selectedGameIndex and therefore the selected Game wasn't saved
+        canPop: false,
+        onPopInvokedWithResult: (bool didPop, Object? result) {
+          if (didPop) {
+            return;
+          }
+          Navigator.of(context).pop(selectedGameIndex);
+        },
+        child: Column(
           children: [
             Padding(
               padding: const EdgeInsets.symmetric(horizontal: 10),
               child: CustomSearchBar(
                 controller: searchBarController,
-              hintText: 'Game Name',
+                hintText: loc.game_name,
               ),
             ),
             const SizedBox(height: 5),
@@ -64,7 +73,10 @@ class _ChooseGameViewState extends State<ChooseGameView> {
                   return TitleDescriptionListTile(
                     title: widget.games[index].$1,
                     description: widget.games[index].$2,
-                  badgeText: translateRulesetToString(widget.games[index].$3),
+                    badgeText: translateRulesetToString(
+                      widget.games[index].$3,
+                      context,
+                    ),
                     isHighlighted: selectedGameIndex == index,
                     onPressed: () async {
                       setState(() {
@@ -81,6 +93,7 @@ class _ChooseGameViewState extends State<ChooseGameView> {
             ),
           ],
         ),
+      ),
     );
   }
 }

lib/presentation/views/main_menu/match_view/create_match/choose_group_view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/dto/group.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/group_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
@@ -22,7 +23,6 @@ class ChooseGroupView extends StatefulWidget {
 class _ChooseGroupViewState extends State<ChooseGroupView> {
   late String selectedGroupId;
   final TextEditingController controller = TextEditingController();
-  final String hintText = 'Group Name';
   late final List<Group> filteredGroups;
 
   @override
@@ -34,11 +34,10 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Scaffold(
       backgroundColor: CustomTheme.backgroundColor,
       appBar: AppBar(
-        backgroundColor: CustomTheme.backgroundColor,
-        scrolledUnderElevation: 0,
         leading: IconButton(
           icon: const Icon(Icons.arrow_back_ios),
           onPressed: () {
@@ -51,19 +50,31 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
             );
           },
         ),
-        title: const Text(
+        title: Text(loc.choose_group),
-          'Choose Group',
-          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
       ),
-        centerTitle: true,
+      body: PopScope(
+        // This fixes that the Android Back Gesture didn't return the
+        // selectedGroupId and therefore the selected Group wasn't saved
+        canPop: false,
+        onPopInvokedWithResult: (bool didPop, Object? result) {
+          if (didPop) {
+            return;
+          }
+          Navigator.of(context).pop(
+            selectedGroupId == ''
+                ? null
+                : widget.groups.firstWhere(
+                    (group) => group.id == selectedGroupId,
                   ),
-      body: Column(
+          );
+        },
+        child: Column(
           children: [
             Padding(
               padding: const EdgeInsets.symmetric(horizontal: 10),
               child: CustomSearchBar(
                 controller: controller,
-              hintText: hintText,
+                hintText: loc.search_for_groups,
                 onChanged: (value) {
                   setState(() {
                     filterGroups(value);
@@ -76,15 +87,17 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
                 visible: filteredGroups.isNotEmpty,
                 replacement: Visibility(
                   visible: widget.groups.isNotEmpty,
-                replacement: const TopCenteredMessage(
+                  replacement: TopCenteredMessage(
                     icon: Icons.info,
-                  title: 'Info',
+                    title: loc.info,
-                  message: 'You have no groups created yet',
+                    message: loc.no_groups_created_yet,
                   ),
-                child: const TopCenteredMessage(
+                  child: TopCenteredMessage(
                     icon: Icons.info,
-                  title: 'Info',
+                    title: loc.info,
-                  message: 'There is no group matching your search',
+                    message: AppLocalizations.of(
+                      context,
+                    ).there_is_no_group_matching_your_search,
                   ),
                 ),
                 child: ListView.builder(
@@ -113,11 +126,11 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
             ),
           ],
         ),
+      ),
     );
   }
 
-  /// Filters the groups based on the search query.
+  /// Filters the groups based on the search [query].
-  /// TODO: Maybe implement also targetting player names?
   void filterGroups(String query) {
     setState(() {
       if (query.isEmpty) {
@@ -127,7 +140,11 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
         filteredGroups.clear();
         filteredGroups.addAll(
           widget.groups.where(
-            (group) => group.name.toLowerCase().contains(query.toLowerCase()),
+                (group) =>
+            group.name.toLowerCase().contains(query.toLowerCase()) ||
+                group.members.any(
+                      (player) => player.name.toLowerCase().contains(query.toLowerCase()),
+                ),
           ),
         );
       }

lib/presentation/views/main_menu/match_view/create_match/choose_ruleset_view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/title_description_list_tile.dart';
 
 class ChooseRulesetView extends StatefulWidget {
@@ -18,6 +19,7 @@ class ChooseRulesetView extends StatefulWidget {
 }
 
 class _ChooseRulesetViewState extends State<ChooseRulesetView> {
+  /// Currently selected ruleset index
   late int selectedRulesetIndex;
 
   @override
@@ -28,14 +30,13 @@ class _ChooseRulesetViewState extends State<ChooseRulesetView> {
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return DefaultTabController(
       length: 2,
       initialIndex: 0,
       child: Scaffold(
         backgroundColor: CustomTheme.backgroundColor,
         appBar: AppBar(
-          backgroundColor: CustomTheme.backgroundColor,
-          scrolledUnderElevation: 0,
           leading: IconButton(
             icon: const Icon(Icons.arrow_back_ios),
             onPressed: () {
@@ -46,13 +47,23 @@ class _ChooseRulesetViewState extends State<ChooseRulesetView> {
               );
             },
           ),
-          title: const Text(
+          title: Text(loc.choose_ruleset),
-            'Choose Ruleset',
-            style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
         ),
-          centerTitle: true,
+        body: PopScope(
-        ),
+          // This fixes that the Android Back Gesture didn't return the
-        body: ListView.builder(
+          // selectedRulesetIndex and therefore the selected Ruleset wasn't saved
+          canPop: false,
+          onPopInvokedWithResult: (bool didPop, Object? result) {
+            if (didPop) {
+              return;
+            }
+            Navigator.of(context).pop(
+              selectedRulesetIndex == -1
+                  ? null
+                  : widget.rulesets[selectedRulesetIndex].$1,
+            );
+          },
+          child: ListView.builder(
             padding: const EdgeInsets.only(bottom: 85),
             itemCount: widget.rulesets.length,
             itemBuilder: (BuildContext context, int index) {
@@ -66,13 +77,17 @@ class _ChooseRulesetViewState extends State<ChooseRulesetView> {
                     }
                   });
                 },
-              title: translateRulesetToString(widget.rulesets[index].$1),
+                title: translateRulesetToString(
+                  widget.rulesets[index].$1,
+                  context,
+                ),
                 description: widget.rulesets[index].$2,
                 isHighlighted: selectedRulesetIndex == index,
               );
             },
           ),
         ),
+      ),
     );
   }
 }

lib/presentation/views/main_menu/match_view/create_match/create_match_view.dart

@@ -1,11 +1,12 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_game_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_group_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_ruleset_view.dart';
@@ -25,11 +26,13 @@ class CreateMatchView extends StatefulWidget {
 }
 
 class _CreateMatchViewState extends State<CreateMatchView> {
-  /// Reference to the app database
   late final AppDatabase db;
 
-  /// Controller for the game name input field
+  /// Controller for the match name input field
-  final TextEditingController _gameNameController = TextEditingController();
+  final TextEditingController _matchNameController = TextEditingController();
+
+  /// Hint text for the match name input field
+  String? hintText;
 
   /// List of all groups from the database
   List<Group> groupsList = [];
@@ -64,38 +67,13 @@ class _CreateMatchViewState extends State<CreateMatchView> {
   /// The currently selected players
   List<Player>? selectedPlayers;
 
-  /// List of available rulesets with their descriptions
+  /// List of available rulesets with their localized string representations
-  /// as tuples of (Ruleset, String)
+  late final List<(Ruleset, String)> _rulesets;
-  /// TODO: Replace when rulesets are implemented
-  List<(Ruleset, String)> rulesets = [
-    (
-      Ruleset.singleWinner,
-      'Exactly one winner is chosen; ties are resolved by a predefined tiebreaker.',
-    ),
-    (
-      Ruleset.singleLoser,
-      'Exactly one loser is determined; last place receives the penalty or consequence.',
-    ),
-    (
-      Ruleset.mostPoints,
-      'Traditional ruleset: the player with the most points wins.',
-    ),
-    (
-      Ruleset.leastPoints,
-      'Inverse scoring: the player with the fewest points wins.',
-    ),
-  ];
-
-  // TODO: Replace when games are implemented
-  List<(String, String, Ruleset)> games = [
-    ('Example Game 1', 'This is a discription', Ruleset.leastPoints),
-    ('Example Game 2', '', Ruleset.singleWinner),
-  ];
 
   @override
   void initState() {
     super.initState();
-    _gameNameController.addListener(() {
+    _matchNameController.addListener(() {
       setState(() {});
     });
 
@@ -107,42 +85,63 @@ class _CreateMatchViewState extends State<CreateMatchView> {
     ]).then((result) async {
       groupsList = result[0] as List<Group>;
       playerList = result[1] as List<Player>;
-    });
+      setState(() {
         filteredPlayerList = List.from(playerList);
+      });
+    });
   }
 
+  @override
+  void dispose() {
+    _matchNameController.dispose();
+    super.dispose();
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final loc = AppLocalizations.of(context);
+    hintText ??= loc.match_name;
+    _rulesets = [
+      (Ruleset.singleWinner, loc.ruleset_single_winner),
+      (Ruleset.singleLoser, loc.ruleset_single_loser),
+      (Ruleset.mostPoints, loc.ruleset_most_points),
+      (Ruleset.leastPoints, loc.ruleset_least_points),
+    ];
+  }
+
+  // TODO: Replace when games are implemented
+  List<(String, String, Ruleset)> games = [
+    ('Example Game 1', 'This is a description', Ruleset.leastPoints),
+    ('Example Game 2', '', Ruleset.singleWinner),
+  ];
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    final loc = AppLocalizations.of(context);
+    return ScaffoldMessenger(
+      child: Scaffold(
         backgroundColor: CustomTheme.backgroundColor,
-      appBar: AppBar(
+        appBar: AppBar(title: Text(loc.create_new_match)),
-        backgroundColor: CustomTheme.backgroundColor,
-        scrolledUnderElevation: 0,
-        title: const Text(
-          'Create new game',
-          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
-        ),
-        centerTitle: true,
-      ),
         body: SafeArea(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.start,
             children: [
               Container(
-              margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
+                margin: CustomTheme.tileMargin,
                 child: TextInputField(
-                controller: _gameNameController,
+                  controller: _matchNameController,
-                hintText: 'Game name',
+                  hintText: hintText ?? '',
                 ),
               ),
               ChooseTile(
-              title: 'Game',
+                title: loc.game,
                 trailingText: selectedGameIndex == -1
-                  ? 'None'
+                    ? loc.none
                     : games[selectedGameIndex].$1,
                 onPressed: () async {
                   selectedGameIndex = await Navigator.of(context).push(
-                  MaterialPageRoute(
+                    adaptivePageRoute(
                       builder: (context) => ChooseGameView(
                         games: games,
                         initialGameIndex: selectedGameIndex,
@@ -151,31 +150,34 @@ class _CreateMatchViewState extends State<CreateMatchView> {
                   );
                   setState(() {
                     if (selectedGameIndex != -1) {
+                      hintText = games[selectedGameIndex].$1;
                       selectedRuleset = games[selectedGameIndex].$3;
-                    selectedRulesetIndex = rulesets.indexWhere(
+                      selectedRulesetIndex = _rulesets.indexWhere(
                         (r) => r.$1 == selectedRuleset,
                       );
                     } else {
+                      hintText = loc.match_name;
                       selectedRuleset = null;
                     }
                   });
                 },
               ),
               ChooseTile(
-              title: 'Ruleset',
+                title: loc.ruleset,
                 trailingText: selectedRuleset == null
-                  ? 'None'
+                    ? loc.none
-                  : translateRulesetToString(selectedRuleset!),
+                    : translateRulesetToString(selectedRuleset!, context),
                 onPressed: () async {
                   selectedRuleset = await Navigator.of(context).push(
-                  MaterialPageRoute(
+                    adaptivePageRoute(
                       builder: (context) => ChooseRulesetView(
-                      rulesets: rulesets,
+                        rulesets: _rulesets,
                         initialRulesetIndex: selectedRulesetIndex,
                       ),
                     ),
                   );
-                selectedRulesetIndex = rulesets.indexWhere(
+                  if (!mounted) return;
+                  selectedRulesetIndex = _rulesets.indexWhere(
                     (r) => r.$1 == selectedRuleset,
                   );
                   selectedGameIndex = -1;
@@ -183,13 +185,13 @@ class _CreateMatchViewState extends State<CreateMatchView> {
                 },
               ),
               ChooseTile(
-              title: 'Group',
+                title: loc.group,
                 trailingText: selectedGroup == null
-                  ? 'None'
+                    ? loc.none_group
                     : selectedGroup!.name,
                 onPressed: () async {
                   selectedGroup = await Navigator.of(context).push(
-                  MaterialPageRoute(
+                    adaptivePageRoute(
                       builder: (context) => ChooseGroupView(
                         groups: groupsList,
                         initialGroupId: selectedGroupId,
@@ -222,13 +224,15 @@ class _CreateMatchViewState extends State<CreateMatchView> {
                 ),
               ),
               CustomWidthButton(
-              text: 'Create game',
+                text: loc.create_match,
                 sizeRelativeToWidth: 0.95,
                 buttonType: ButtonType.primary,
                 onPressed: _enableCreateGameButton()
                     ? () async {
                         Match match = Match(
-                        name: _gameNameController.text.trim(),
+                          name: _matchNameController.text.isEmpty
+                              ? (hintText ?? '')
+                              : _matchNameController.text.trim(),
                           createdAt: DateTime.now(),
                           group: selectedGroup,
                           players: selectedPlayers,
@@ -237,9 +241,9 @@ class _CreateMatchViewState extends State<CreateMatchView> {
                         if (context.mounted) {
                           Navigator.pushReplacement(
                             context,
-                          CupertinoPageRoute(
+                            adaptivePageRoute(
                               fullscreenDialog: true,
-                            builder: (context) => GameResultView(
+                              builder: (context) => MatchResultView(
                                 match: match,
                                 onWinnerChanged: widget.onWinnerChanged,
                               ),
@@ -252,14 +256,17 @@ class _CreateMatchViewState extends State<CreateMatchView> {
             ],
           ),
         ),
+      ),
     );
   }
 
-  /// Determines whether the "Create Game" button should be enabled based on
+  /// Determines whether the "Create Match" button should be enabled.
-  /// the current state of the input fields.
+  ///
+  /// Returns `true` if:
+  /// - A ruleset is selected AND
+  /// - Either a group is selected OR at least 2 players are selected
   bool _enableCreateGameButton() {
-    return _gameNameController.text.isNotEmpty &&
+    return (selectedGroup != null ||
-        (selectedGroup != null ||
             (selectedPlayers != null && selectedPlayers!.length > 1)) &&
         selectedRuleset != null;
   }

lib/presentation/views/main_menu/match_view/match_result_view.dart

@@ -3,22 +3,27 @@ import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/custom_radio_list_tile.dart';
 import 'package:provider/provider.dart';
 
-class GameResultView extends StatefulWidget {
+class MatchResultView extends StatefulWidget {
   final Match match;
 
   final VoidCallback? onWinnerChanged;
 
-  const GameResultView({super.key, required this.match, this.onWinnerChanged});
+  const MatchResultView({super.key, required this.match, this.onWinnerChanged});
   @override
-  State<GameResultView> createState() => _GameResultViewState();
+  State<MatchResultView> createState() => _MatchResultViewState();
 }
 
-class _GameResultViewState extends State<GameResultView> {
+class _MatchResultViewState extends State<MatchResultView> {
-  late final List<Player> allPlayers;
   late final AppDatabase db;
+
+  /// List of all players who participated in the match
+  late final List<Player> allPlayers;
+
+  /// Currently selected winner player
   Player? _selectedPlayer;
 
   @override
@@ -35,20 +40,18 @@ class _GameResultViewState extends State<GameResultView> {
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Scaffold(
       backgroundColor: CustomTheme.backgroundColor,
       appBar: AppBar(
-        backgroundColor: CustomTheme.backgroundColor,
+        leading: IconButton(
-        scrolledUnderElevation: 0,
+          icon: const Icon(Icons.close),
-        title: Text(
+          onPressed: () {
-          widget.match.name,
+            widget.onWinnerChanged?.call();
-          style: const TextStyle(
+            Navigator.of(context).pop();
-            fontSize: 20,
+          },
-            fontWeight: FontWeight.bold,
-            overflow: TextOverflow.ellipsis,
         ),
-        ),
+        title: Text(widget.match.name),
-        centerTitle: true,
       ),
       body: SafeArea(
         child: Column(
@@ -72,9 +75,9 @@ class _GameResultViewState extends State<GameResultView> {
                   mainAxisAlignment: MainAxisAlignment.start,
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    const Text(
+                    Text(
-                      'Select Winner:',
+                      loc.select_winner,
-                      style: TextStyle(
+                      style: const TextStyle(
                         fontSize: 18,
                         fontWeight: FontWeight.bold,
                       ),
@@ -123,6 +126,8 @@ class _GameResultViewState extends State<GameResultView> {
     );
   }
 
+  /// Handles saving or removing the winner in the database
+  /// based on the current selection.
   Future<void> _handleWinnerSaving() async {
     if (_selectedPlayer == null) {
       await db.matchDao.removeWinner(matchId: widget.match.id);
@@ -135,12 +140,22 @@ class _GameResultViewState extends State<GameResultView> {
     widget.onWinnerChanged?.call();
   }
 
-  List<Player> getAllPlayers(Match game) {
+  /// Retrieves all players associated with the given [match].
-    if (game.group == null && game.players != null) {
+  /// This includes players directly assigned to the match
-      return [...game.players!];
+  /// as well as members of the group (if any).
-    } else if (game.group != null && game.players != null) {
+  /// The returned list is sorted alphabetically by player name.
-      return [...game.players!, ...game.group!.members];
+  List<Player> getAllPlayers(Match match) {
+    List<Player> players = [];
+
+    if (match.group == null && match.players != null) {
+      players = [...match.players!];
+    } else if (match.group != null && match.players != null) {
+      players = [...match.players!, ...match.group!.members];
+    } else {
+      players = [...match.group!.members];
     }
-    return [...game.group!.members];
+
+    players.sort((a, b) => a.name.compareTo(b.name));
+    return players;
   }
 }

lib/presentation/views/main_menu/match_view/match_view.dart

@@ -1,18 +1,19 @@
 import 'dart:core' hide Match;
 
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/create_match_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/match_result_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
-import 'package:game_tracker/presentation/widgets/tiles/game_history_tile.dart';
+import 'package:game_tracker/presentation/widgets/tiles/match_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 import 'package:provider/provider.dart';
 
@@ -27,10 +28,12 @@ class _MatchViewState extends State<MatchView> {
   late final AppDatabase db;
   bool isLoading = true;
 
+  /// Loaded matches from the database,
+  /// initially filled with skeleton matches
   List<Match> matches = List.filled(
     4,
     Match(
-      name: 'Skeleton Gamename',
+      name: 'Skeleton match name',
       group: Group(
         name: 'Group name',
         members: List.filled(5, Player(name: 'Player')),
@@ -49,6 +52,7 @@ class _MatchViewState extends State<MatchView> {
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Scaffold(
       backgroundColor: CustomTheme.backgroundColor,
       body: Stack(
@@ -58,11 +62,11 @@ class _MatchViewState extends State<MatchView> {
             enabled: isLoading,
             child: Visibility(
               visible: matches.isNotEmpty,
-              replacement: const Center(
+              replacement: Center(
                 child: TopCenteredMessage(
                   icon: Icons.report,
-                  title: 'Info',
+                  title: loc.info,
-                  message: 'No games created yet',
+                  message: loc.no_matches_created_yet,
                 ),
               ),
               child: ListView.builder(
@@ -71,16 +75,20 @@ class _MatchViewState extends State<MatchView> {
                 itemBuilder: (BuildContext context, int index) {
                   if (index == matches.length) {
                     return SizedBox(
-                      height: MediaQuery.paddingOf(context).bottom - 80,
+                      height: MediaQuery.paddingOf(context).bottom - 20,
                     );
                   }
-                  return GameHistoryTile(
+                  return Center(
+                    child: Padding(
+                      padding: const EdgeInsets.only(bottom: 12.0),
+                      child: MatchTile(
+                        width: MediaQuery.sizeOf(context).width * 0.95,
                         onTap: () async {
                           Navigator.push(
                             context,
-                        CupertinoPageRoute(
+                            adaptivePageRoute(
                               fullscreenDialog: true,
-                          builder: (context) => GameResultView(
+                              builder: (context) => MatchResultView(
                                 match: matches[index],
                                 onWinnerChanged: loadGames,
                               ),
@@ -88,6 +96,8 @@ class _MatchViewState extends State<MatchView> {
                           );
                         },
                         match: matches[index],
+                      ),
+                    ),
                   );
                 },
               ),
@@ -95,29 +105,32 @@ class _MatchViewState extends State<MatchView> {
           ),
           Positioned(
             bottom: MediaQuery.paddingOf(context).bottom,
-            child: CustomWidthButton(
+            child: SizedBox.shrink()
-              text: 'Create Game',
+            /* CustomWidthButton(
+              text: loc.create_match,
               sizeRelativeToWidth: 0.90,
               onPressed: () async {
                 Navigator.push(
                   context,
-                  MaterialPageRoute(
+                  adaptivePageRoute(
                     builder: (context) =>
                         CreateMatchView(onWinnerChanged: loadGames),
                   ),
                 );
               },
             ),
+            */
           ),
         ],
       ),
     );
   }
 
+  /// Loads the games from the database and sorts them by creation date.
   void loadGames() {
     Future.wait([
       db.matchDao.getAllMatches(),
-      Future.delayed(minimumSkeletonDuration),
+      Future.delayed(Constants.minimumSkeletonDuration),
     ]).then((results) {
       if (mounted) {
         setState(() {

lib/presentation/views/main_menu/settings_view.dart

@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/settings_list_tile.dart';
 import 'package:game_tracker/services/data_transfer_service.dart';
+import 'package:package_info_plus/package_info_plus.dart';
 
 class SettingsView extends StatefulWidget {
   const SettingsView({super.key});
@@ -12,47 +14,59 @@ class SettingsView extends StatefulWidget {
 }
 
 class _SettingsViewState extends State<SettingsView> {
+  PackageInfo _packageInfo = PackageInfo(
+    appName: 'n.A.',
+    packageName: 'n.A.',
+    version: 'n.A.',
+    buildNumber: 'n.A.',
+  );
+  @override
+  void initState() {
+    super.initState();
+    _initPackageInfo();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    final loc = AppLocalizations.of(context);
+    return ScaffoldMessenger(
+      child: Scaffold(
         appBar: AppBar(backgroundColor: CustomTheme.backgroundColor),
         backgroundColor: CustomTheme.backgroundColor,
-      body: LayoutBuilder(
+        body: Column(
-        builder: (BuildContext context, BoxConstraints constraints) =>
-            SingleChildScrollView(
-              child: Column(
           mainAxisAlignment: MainAxisAlignment.start,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-                  const Padding(
+            Padding(
-                    padding: EdgeInsets.fromLTRB(24, 0, 24, 10),
+              padding: const EdgeInsets.fromLTRB(24, 0, 24, 10),
               child: Text(
                 textAlign: TextAlign.start,
-                      'Menu',
+                loc.menu,
-                      style: TextStyle(
+                style: const TextStyle(
                   fontSize: 28,
                   fontWeight: FontWeight.bold,
                 ),
               ),
             ),
-                  const Padding(
+            Padding(
-                    padding: EdgeInsets.symmetric(horizontal: 24, vertical: 10),
+              padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 10),
               child: Text(
                 textAlign: TextAlign.start,
-                      'Settings',
+                loc.settings,
-                      style: TextStyle(
+                style: const TextStyle(
                   fontSize: 22,
                   fontWeight: FontWeight.bold,
                 ),
               ),
             ),
             SettingsListTile(
-                    title: 'Export data',
+              title: loc.export_data,
-                    icon: Icons.upload_outlined,
+              icon: Icons.upload_rounded,
               suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
               onPressed: () async {
-                      final String json =
+                final String json = await DataTransferService.getAppDataAsJson(
-                          await DataTransferService.getAppDataAsJson(context);
+                  context,
+                );
                 final result = await DataTransferService.exportData(
                   json,
                   'game_tracker-data',
@@ -62,35 +76,33 @@ class _SettingsViewState extends State<SettingsView> {
               },
             ),
             SettingsListTile(
-                    title: 'Import data',
+              title: loc.import_data,
-                    icon: Icons.download_outlined,
+              icon: Icons.download_rounded,
               suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
               onPressed: () async {
-                      final result = await DataTransferService.importData(
+                final result = await DataTransferService.importData(context);
-                        context,
-                      );
                 if (!context.mounted) return;
                 showImportSnackBar(context: context, result: result);
               },
             ),
             SettingsListTile(
-                    title: 'Delete all data',
+              title: loc.delete_all_data,
-                    icon: Icons.download_outlined,
+              icon: Icons.delete_rounded,
               suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
               onPressed: () {
                 showDialog<bool>(
                   context: context,
                   builder: (context) => AlertDialog(
-                          title: const Text('Delete all data?'),
+                    title: Text('${loc.delete_all_data}?'),
-                          content: const Text('This can\'t be undone'),
+                    content: Text(loc.this_cannot_be_undone),
                     actions: [
                       TextButton(
                         onPressed: () => Navigator.of(context).pop(false),
-                              child: const Text('Abbrechen'),
+                        child: Text(loc.cancel),
                       ),
                       TextButton(
                         onPressed: () => Navigator.of(context).pop(true),
-                              child: const Text('Löschen'),
+                        child: Text(loc.delete),
                       ),
                     ],
                   ),
@@ -99,16 +111,31 @@ class _SettingsViewState extends State<SettingsView> {
                     DataTransferService.deleteAllData(context);
                     showSnackbar(
                       context: context,
-                            message: 'Daten erfolgreich gelöscht',
+                      message: AppLocalizations.of(
+                        context,
+                      ).data_successfully_deleted,
                     );
                   }
                 });
               },
             ),
-                ],
+            const Spacer(),
+            Padding(
+              padding: const EdgeInsets.all(20),
+              child: Center(
+                child: Text(
+                  'Version ${_packageInfo.version} (${_packageInfo.buildNumber})',
+                  style: TextStyle(
+                    color: Colors.grey.shade600,
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
                   ),
                 ),
               ),
+            ),
+          ],
+        ),
+      ),
     );
   }
 
@@ -120,25 +147,20 @@ class _SettingsViewState extends State<SettingsView> {
     required BuildContext context,
     required ImportResult result,
   }) {
+    final loc = AppLocalizations.of(context);
     switch (result) {
       case ImportResult.success:
-        showSnackbar(context: context, message: 'Data successfully imported');
+        showSnackbar(context: context, message: loc.data_successfully_imported);
       case ImportResult.invalidSchema:
-        showSnackbar(context: context, message: 'Invalid Schema');
+        showSnackbar(context: context, message: loc.invalid_schema);
       case ImportResult.fileReadError:
-        showSnackbar(context: context, message: 'Error reading file');
+        showSnackbar(context: context, message: loc.error_reading_file);
       case ImportResult.canceled:
-        showSnackbar(context: context, message: 'Import canceled');
+        showSnackbar(context: context, message: loc.import_canceled);
       case ImportResult.formatException:
-        showSnackbar(
+        showSnackbar(context: context, message: loc.format_exception);
-          context: context,
-          message: 'Format Exception (see console)',
-        );
       case ImportResult.unknownException:
-        showSnackbar(
+        showSnackbar(context: context, message: loc.unknown_exception);
-          context: context,
-          message: 'Unknown Exception (see console)',
-        );
     }
   }
 
@@ -150,16 +172,14 @@ class _SettingsViewState extends State<SettingsView> {
     required BuildContext context,
     required ExportResult result,
   }) {
+    final loc = AppLocalizations.of(context);
     switch (result) {
       case ExportResult.success:
-        showSnackbar(context: context, message: 'Data successfully exported');
+        showSnackbar(context: context, message: loc.data_successfully_exported);
       case ExportResult.canceled:
-        showSnackbar(context: context, message: 'Export canceled');
+        showSnackbar(context: context, message: loc.export_canceled);
       case ExportResult.unknownException:
-        showSnackbar(
+        showSnackbar(context: context, message: loc.unknown_exception);
-          context: context,
-          message: 'Unknown Exception (see console)',
-        );
     }
   }
 
@@ -175,6 +195,7 @@ class _SettingsViewState extends State<SettingsView> {
     Duration duration = const Duration(seconds: 3),
     VoidCallback? action,
   }) {
+    final loc = AppLocalizations.of(context);
     final messenger = ScaffoldMessenger.of(context);
     messenger.hideCurrentSnackBar();
     messenger.showSnackBar(
@@ -183,9 +204,16 @@ class _SettingsViewState extends State<SettingsView> {
         backgroundColor: CustomTheme.onBoxColor,
         duration: duration,
         action: action != null
-            ? SnackBarAction(label: 'Rückgängig', onPressed: action)
+            ? SnackBarAction(label: loc.undo, onPressed: action)
             : null,
       ),
     );
   }
+
+  Future<void> _initPackageInfo() async {
+    final info = await PackageInfo.fromPlatform();
+    setState(() {
+      _packageInfo = info;
+    });
+  }
 }

lib/presentation/views/main_menu/statistics_view.dart

@@ -3,8 +3,10 @@ import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/tiles/statistics_tile.dart';
+import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 import 'package:provider/provider.dart';
 
 class StatisticsView extends StatefulWidget {
@@ -23,28 +25,12 @@ class _StatisticsViewState extends State<StatisticsView> {
   @override
   void initState() {
     super.initState();
-    final db = Provider.of<AppDatabase>(context, listen: false);
+    loadStatisticData();
-
-    Future.wait([
-      db.matchDao.getAllMatches(),
-      db.playerDao.getAllPlayers(),
-      Future.delayed(minimumSkeletonDuration),
-    ]).then((results) async {
-      final matches = results[0] as List<Match>;
-      final players = results[1] as List<Player>;
-      winCounts = _calculateWinsForAllPlayers(matches, players);
-      matchCounts = _calculateMatchAmountsForAllPlayers(matches, players);
-      winRates = computeWinRatePercent(wins: winCounts, matches: matchCounts);
-      if (mounted) {
-        setState(() {
-          isLoading = false;
-        });
-      }
-    });
   }
 
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return LayoutBuilder(
       builder: (BuildContext context, BoxConstraints constraints) {
         return SingleChildScrollView(
@@ -58,18 +44,25 @@ class _StatisticsViewState extends State<StatisticsView> {
                 crossAxisAlignment: CrossAxisAlignment.center,
                 children: [
                   SizedBox(height: constraints.maxHeight * 0.01),
+                  Visibility(
+                    visible:
+                        winCounts.isEmpty &&
+                        matchCounts.isEmpty &&
+                        winRates.isEmpty,
+                    replacement: Column(
+                      children: [
                         StatisticsTile(
                           icon: Icons.sports_score,
-                    title: 'Wins',
+                          title: loc.wins,
                           width: constraints.maxWidth * 0.95,
                           values: winCounts,
                           itemCount: 3,
-                    barColor: Colors.blue,
+                          barColor: Colors.green,
                         ),
                         SizedBox(height: constraints.maxHeight * 0.02),
                         StatisticsTile(
                           icon: Icons.percent,
-                    title: 'Winrate',
+                          title: loc.winrate,
                           width: constraints.maxWidth * 0.95,
                           values: winRates,
                           itemCount: 5,
@@ -78,11 +71,21 @@ class _StatisticsViewState extends State<StatisticsView> {
                         SizedBox(height: constraints.maxHeight * 0.02),
                         StatisticsTile(
                           icon: Icons.casino,
-                    title: 'Amount of Matches',
+                          title: loc.amount_of_matches,
                           width: constraints.maxWidth * 0.95,
                           values: matchCounts,
                           itemCount: 10,
-                    barColor: Colors.green,
+                          barColor: Colors.blue,
+                        ),
+                      ],
+                    ),
+                    child: TopCenteredMessage(
+                      icon: Icons.info,
+                      title: loc.info,
+                      message: AppLocalizations.of(
+                        context,
+                      ).no_statistics_available,
+                    ),
                   ),
                   SizedBox(height: MediaQuery.paddingOf(context).bottom),
                 ],
@@ -94,13 +97,45 @@ class _StatisticsViewState extends State<StatisticsView> {
     );
   }
 
+  /// Loads matches and players from the database
+  /// and calculates statistics for each player
+  void loadStatisticData() {
+    final db = Provider.of<AppDatabase>(context, listen: false);
+
+    Future.wait([
+      db.matchDao.getAllMatches(),
+      db.playerDao.getAllPlayers(),
+      Future.delayed(Constants.minimumSkeletonDuration),
+    ]).then((results) async {
+      if (!mounted) return;
+      final matches = results[0] as List<Match>;
+      final players = results[1] as List<Player>;
+      winCounts = _calculateWinsForAllPlayers(
+        matches: matches,
+        players: players,
+        context: context,
+      );
+      matchCounts = _calculateMatchAmountsForAllPlayers(
+        matches: matches,
+        players: players,
+        context: context,
+      );
+      winRates = computeWinRatePercent(wins: winCounts, matches: matchCounts);
+      setState(() {
+        isLoading = false;
+      });
+    });
+  }
+
   /// Calculates the number of wins for each player
   /// and returns a sorted list of tuples (playerName, winCount)
-  List<(String, int)> _calculateWinsForAllPlayers(
+  List<(String, int)> _calculateWinsForAllPlayers({
-    List<Match> matches,
+    required List<Match> matches,
-    List<Player> players,
+    required List<Player> players,
-  ) {
+    required BuildContext context,
+  }) {
     List<(String, int)> winCounts = [];
+    final loc = AppLocalizations.of(context);
 
     // Getting the winners
     for (var match in matches) {
@@ -131,7 +166,7 @@ class _StatisticsViewState extends State<StatisticsView> {
       final playerId = winCounts[i].$1;
       final player = players.firstWhere(
         (p) => p.id == playerId,
-        orElse: () => Player(id: playerId, name: 'N.a.'),
+        orElse: () => Player(id: playerId, name: loc.not_available),
       );
       winCounts[i] = (player.name, winCounts[i].$2);
     }
@@ -143,11 +178,13 @@ class _StatisticsViewState extends State<StatisticsView> {
 
   /// Calculates the number of matches played for each player
   /// and returns a sorted list of tuples (playerName, matchCount)
-  List<(String, int)> _calculateMatchAmountsForAllPlayers(
+  List<(String, int)> _calculateMatchAmountsForAllPlayers({
-    List<Match> matches,
+    required List<Match> matches,
-    List<Player> players,
+    required List<Player> players,
-  ) {
+    required BuildContext context,
+  }) {
     List<(String, int)> matchCounts = [];
+    final loc = AppLocalizations.of(context);
 
     // Counting matches for each player
     for (var match in matches) {
@@ -193,7 +230,7 @@ class _StatisticsViewState extends State<StatisticsView> {
       final playerId = matchCounts[i].$1;
       final player = players.firstWhere(
         (p) => p.id == playerId,
-        orElse: () => Player(id: playerId, name: 'N.a.'),
+        orElse: () => Player(id: playerId, name: loc.not_available),
       );
       matchCounts[i] = (player.name, matchCounts[i].$2);
     }

lib/presentation/widgets/app_skeleton.dart

@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:skeletonizer/skeletonizer.dart';
 
+/// A widget that provides a skeleton loading effect to its child widget tree.
+/// - [child]: The widget tree to apply the skeleton effect to.
+/// - [enabled]: A boolean to enable or disable the skeleton effect.
+/// - [fixLayoutBuilder]: A boolean to fix the layout builder for AnimatedSwitcher.
 class AppSkeleton extends StatefulWidget {
-  final Widget child;
-  final bool enabled;
-  final bool fixLayoutBuilder;
-
   const AppSkeleton({
     super.key,
     required this.child,
@@ -13,6 +13,15 @@ class AppSkeleton extends StatefulWidget {
     this.fixLayoutBuilder = false,
   });
 
+  /// The widget tree to apply the skeleton effect to.
+  final Widget child;
+
+  /// A boolean to enable or disable the skeleton effect.
+  final bool enabled;
+
+  /// A boolean to fix the layout builder for AnimatedSwitcher.
+  final bool fixLayoutBuilder;
+
   @override
   State<AppSkeleton> createState() => _AppSkeletonState();
 }

lib/presentation/widgets/buttons/custom_width_button.dart

@@ -2,6 +2,12 @@ import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
 
+/// A custom button widget that is designed to have a width relative to the screen size.
+/// It supports three types of buttons: primary, secondary, and text buttons.
+/// - [text]: The text to display on the button.
+/// - [buttonType]: The type of button to display. Defaults to [ButtonType.primary].
+/// - [sizeRelativeToWidth]: The size of the button relative to the width of the screen.
+/// - [onPressed]: The callback to be invoked when the button is pressed.
 class CustomWidthButton extends StatelessWidget {
   const CustomWidthButton({
     super.key,
@@ -11,9 +17,16 @@ class CustomWidthButton extends StatelessWidget {
     this.onPressed,
   });
 
+  /// The text to display on the button.
   final String text;
+
+  /// The size of the button relative to the width of the screen.
   final double sizeRelativeToWidth;
+
+  /// The callback to be invoked when the button is pressed.
   final VoidCallback? onPressed;
+
+  /// The type of button to display. Depends on the enum [ButtonType].
   final ButtonType buttonType;
 
   @override
@@ -47,7 +60,7 @@ class CustomWidthButton extends StatelessWidget {
             60,
           ),
           shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(12),
+            borderRadius: CustomTheme.standardBorderRadiusAll,
           ),
         ),
         child: Text(
@@ -78,7 +91,7 @@ class CustomWidthButton extends StatelessWidget {
           ),
           side: BorderSide(color: borderSideColor, width: 2),
           shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(12),
+            borderRadius: CustomTheme.standardBorderRadiusAll,
           ),
         ),
         child: Text(

lib/presentation/widgets/buttons/quick_create_button.dart

@@ -1,15 +1,22 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A button widget designed for quick creating matches in the [HomeView]
+/// - [text]: The text to display on the button.
+/// - [onPressed]: The callback to be invoked when the button is pressed.
 class QuickCreateButton extends StatefulWidget {
-  final String text;
-  final VoidCallback? onPressed;
   const QuickCreateButton({
     super.key,
     required this.text,
     required this.onPressed,
   });
 
+  /// The text to display on the button.
+  final String text;
+
+  /// The callback to be invoked when the button is pressed.
+  final VoidCallback? onPressed;
+
   @override
   State<QuickCreateButton> createState() => _QuickCreateButtonState();
 }
@@ -22,7 +29,9 @@ class _QuickCreateButtonState extends State<QuickCreateButton> {
       style: ElevatedButton.styleFrom(
         minimumSize: const Size(140, 45),
         backgroundColor: CustomTheme.primaryColor,
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+        shape: RoundedRectangleBorder(
+          borderRadius: CustomTheme.standardBorderRadiusAll,
+        ),
       ),
       child: Text(
         widget.text,

lib/presentation/widgets/navbar_item.dart

@@ -1,12 +1,13 @@
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
 
+/// A navigation bar item widget that represents a single tab in a navigation bar.
+/// - [index]: The index of the tab.
+/// - [isSelected]: A boolean indicating whether the tab is currently selected.
+/// - [icon]: The icon to display for the tab.
+/// - [label]: The label to display for the tab.
+/// - [onTabTapped]: The callback to be invoked when the tab is tapped.
 class NavbarItem extends StatefulWidget {
-  final int index;
-  final bool isSelected;
-  final IconData icon;
-  final String label;
-  final Function(int) onTabTapped;
-
   const NavbarItem({
     super.key,
     required this.index,
@@ -16,11 +17,64 @@ class NavbarItem extends StatefulWidget {
     required this.onTabTapped,
   });
 
+  /// The index of the tab.
+  final int index;
+
+  /// A boolean indicating whether the tab is currently selected.
+  final bool isSelected;
+
+  /// The icon to display for the tab.
+  final IconData icon;
+
+  /// The label to display for the tab.
+  final String label;
+
+  /// The callback to be invoked when the tab is tapped.
+  final Function(int) onTabTapped;
+
   @override
   State<NavbarItem> createState() => _NavbarItemState();
 }
 
-class _NavbarItemState extends State<NavbarItem> {
+class _NavbarItemState extends State<NavbarItem>
+    with SingleTickerProviderStateMixin {
+  /// Animation controller for the scale animation
+  late AnimationController _animationController;
+
+  /// Scale animation for the icon when selected
+  late Animation<double> _scaleAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _scaleAnimation = Tween<double>(begin: 1.0, end: 1.2).animate(
+      CurvedAnimation(
+        parent: _animationController,
+        curve: Curves.easeInOutBack,
+      ),
+    );
+
+    if (widget.isSelected) {
+      _animationController.forward();
+    }
+  }
+
+  // Retrigger animation on selection change
+  @override
+  void didUpdateWidget(NavbarItem oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.isSelected && !oldWidget.isSelected) {
+      _animationController.forward();
+    } else if (!widget.isSelected && oldWidget.isSelected) {
+      _animationController.reverse();
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Expanded(
@@ -33,19 +87,29 @@ class _NavbarItemState extends State<NavbarItem> {
             mainAxisSize: MainAxisSize.min,
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Icon(
+              ScaleTransition(
+                scale: widget.isSelected
+                    ? _scaleAnimation
+                    : const AlwaysStoppedAnimation(1.0),
+                child: Icon(
                   widget.icon,
-                color: widget.isSelected ? Colors.white : Colors.black,
+                  color: widget.isSelected
+                      ? CustomTheme.navBarItemSelectedColor
+                      : CustomTheme.navBarItemUnselectedColor,
+                  size: 26,
+                ),
               ),
               const SizedBox(height: 4),
               Text(
                 widget.label,
                 style: TextStyle(
-                  color: widget.isSelected ? Colors.white : Colors.black,
+                  color: widget.isSelected
-                  fontSize: 12,
+                      ? CustomTheme.navBarItemSelectedColor
+                      : CustomTheme.navBarItemUnselectedColor,
+                  fontSize: widget.isSelected ? 12 : 11,
                   fontWeight: widget.isSelected
                       ? FontWeight.bold
-                      : FontWeight.normal,
+                      : FontWeight.w500,
                 ),
               ),
             ],
@@ -54,4 +118,10 @@ class _NavbarItemState extends State<NavbarItem> {
       ),
     );
   }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
 }

lib/presentation/widgets/player_selection.dart

@@ -3,6 +3,7 @@ import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/text_icon_list_tile.dart';
@@ -10,31 +11,55 @@ import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 import 'package:provider/provider.dart';
 
+/// A widget that allows users to select players from a list,
+/// with search functionality and the ability to add new players.
+/// - [availablePlayers]: An optional list of players to choose from. If null, all
+///   players from the database are used.
+/// - [initialSelectedPlayers]: An optional list of players that should be pre-selected.
+/// - [onChanged]: A callback function that is invoked whenever the selection changes,
+///   providing the updated list of selected players.
 class PlayerSelection extends StatefulWidget {
-  final Function(List<Player> value) onChanged;
-  final List<Player> availablePlayers;
-  final List<Player>? initialSelectedPlayers;
-
   const PlayerSelection({
     super.key,
-    required this.onChanged,
+    this.availablePlayers,
-    this.availablePlayers = const [],
     this.initialSelectedPlayers,
+    required this.onChanged,
   });
 
+  /// An optional list of players to choose from. If null, all players from the database are used.
+  final List<Player>? availablePlayers;
+
+  /// An optional list of players that should be pre-selected.
+  final List<Player>? initialSelectedPlayers;
+
+  /// A callback function that is invoked whenever the selection changes,
+  final Function(List<Player> value) onChanged;
+
   @override
   State<PlayerSelection> createState() => _PlayerSelectionState();
 }
 
 class _PlayerSelectionState extends State<PlayerSelection> {
-  List<Player> selectedPlayers = [];
+  late final AppDatabase db;
-  List<Player> suggestedPlayers = [];
-  List<Player> allPlayers = [];
   bool isLoading = true;
+
+  /// Future that loads all players from the database.
+  late Future<List<Player>> _allPlayersFuture;
+
+  /// The complete list of all available players.
+  List<Player> allPlayers = [];
+
+  /// The list of players suggested based on the search input.
+  List<Player> suggestedPlayers = [];
+
+  /// The list of currently selected players.
+  List<Player> selectedPlayers = [];
+
+  /// Controller for the search bar input.
   late final TextEditingController _searchBarController =
       TextEditingController();
-  late final AppDatabase db;
+
-  late Future<List<Player>> _allPlayersFuture;
+  /// Skeleton data used while loading players.
   late final List<Player> skeletonData = List.filled(
     7,
     Player(name: 'Player 0'),
@@ -48,46 +73,11 @@ class _PlayerSelectionState extends State<PlayerSelection> {
     loadPlayerList();
   }
 
-  void loadPlayerList() {
-    _allPlayersFuture = Future.wait([
-      db.playerDao.getAllPlayers(),
-      Future.delayed(minimumSkeletonDuration),
-    ]).then((results) => results[0] as List<Player>);
-    if (mounted) {
-      _allPlayersFuture.then((loadedPlayers) {
-        setState(() {
-          // If a list of available players is provided, use that list.
-          if (widget.availablePlayers.isNotEmpty) {
-            widget.availablePlayers.sort((a, b) => a.name.compareTo(b.name));
-            allPlayers = [...widget.availablePlayers];
-            suggestedPlayers = [...allPlayers];
-
-            if (widget.initialSelectedPlayers != null) {
-              // Ensures that only players available for selection are pre-selected.
-              selectedPlayers = widget.initialSelectedPlayers!
-                  .where(
-                    (p) => widget.availablePlayers.any(
-                      (available) => available.id == p.id,
-                    ),
-                  )
-                  .toList();
-            }
-          } else {
-            // Otherwise, use the loaded players from the database.
-            loadedPlayers.sort((a, b) => a.name.compareTo(b.name));
-            allPlayers = [...loadedPlayers];
-            suggestedPlayers = [...loadedPlayers];
-          }
-          isLoading = false;
-        });
-      });
-    }
-  }
-
   @override
   Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
     return Container(
-      margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+      margin: CustomTheme.standardMargin,
       padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 10),
       decoration: CustomTheme.standardBoxDecoration,
       child: Column(
@@ -96,7 +86,7 @@ class _PlayerSelectionState extends State<PlayerSelection> {
           CustomSearchBar(
             controller: _searchBarController,
             constraints: const BoxConstraints(maxHeight: 45, minHeight: 45),
-            hintText: 'Search for players',
+            hintText: loc.search_for_players,
             trailingButtonShown: true,
             trailingButtonicon: Icons.add_circle,
             trailingButtonEnabled: _searchBarController.text.trim().isNotEmpty,
@@ -129,47 +119,59 @@ class _PlayerSelectionState extends State<PlayerSelection> {
           ),
           const SizedBox(height: 10),
           Text(
-            'Selected players: (${selectedPlayers.length})',
+            loc.selected_players,
             style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
           ),
           const SizedBox(height: 10),
-          Wrap(
+          SizedBox(
-            alignment: WrapAlignment.start,
+            height: 50,
-            crossAxisAlignment: WrapCrossAlignment.start,
+            child: selectedPlayers.isEmpty
-            spacing: 8.0,
+                ? Center(child: Text(loc.no_players_selected))
-            runSpacing: 8.0,
+                : SingleChildScrollView(
-            children: <Widget>[
+                    scrollDirection: Axis.horizontal,
-              // Generates a TextIconTile for each selected player.
+                    child: Row(
+                      children: [
                         for (var player in selectedPlayers)
-                TextIconTile(
+                          Padding(
+                            padding: const EdgeInsets.only(right: 8.0),
+                            child: TextIconTile(
                               text: player.name,
                               onIconTap: () {
                                 setState(() {
                                   // Removes the player from the selection and notifies the parent.
-                      final currentSearch = _searchBarController.text
-                          .toLowerCase();
                                   selectedPlayers.remove(player);
                                   widget.onChanged([...selectedPlayers]);
+
+                                  // Get the current search query
+                                  final currentSearch = _searchBarController
+                                      .text
+                                      .toLowerCase();
+
                                   // If the player matches the current search query (or search is empty),
-                      // they are added back to the suggestions and the list is re-sorted.
+                                  // they are added back to the `suggestedPlayers` and the list is re-sorted.
                                   if (currentSearch.isEmpty ||
-                          player.name.toLowerCase().contains(currentSearch)) {
+                                      player.name.toLowerCase().contains(
+                                        currentSearch,
+                                      )) {
                                     suggestedPlayers.add(player);
+                                    suggestedPlayers.sort(
+                                      (a, b) => a.name.compareTo(b.name),
+                                    );
                                   }
                                 });
                               },
                             ),
+                          ),
                       ],
                     ),
-          const SizedBox(height: 10),
+                  ),
-          const Text(
+          ),
-            'All players:',
+          const SizedBox(height: 10),
-            style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
+          Text(
+            loc.all_players,
+            style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
           ),
           const SizedBox(height: 10),
-          /*
-
-           */
           Expanded(
             child: AppSkeleton(
               enabled: isLoading,
@@ -177,12 +179,8 @@ class _PlayerSelectionState extends State<PlayerSelection> {
                 visible: suggestedPlayers.isNotEmpty,
                 replacement: TopCenteredMessage(
                   icon: Icons.info,
-                  title: 'Info',
+                  title: loc.info,
-                  message: allPlayers.isEmpty
+                  message: _getInfoText(context),
-                      ? 'No players created yet'
-                      : (selectedPlayers.length == allPlayers.length)
-                      ? 'No more players to add'
-                      : 'No players found with that name',
                 ),
                 child: ListView.builder(
                   itemCount: suggestedPlayers.length,
@@ -191,11 +189,15 @@ class _PlayerSelectionState extends State<PlayerSelection> {
                       text: suggestedPlayers[index].name,
                       onPressed: () {
                         setState(() {
+                          // If the player is not already selected
                           if (!selectedPlayers.contains(
                             suggestedPlayers[index],
                           )) {
-                            selectedPlayers.add(suggestedPlayers[index]);
+                            // Add to player to the front of the selectedPlayers
+                            selectedPlayers.insert(0, suggestedPlayers[index]);
+                            // Notify the parent widget of the change
                             widget.onChanged([...selectedPlayers]);
+                            // Remove the player from the suggestedPlayers
                             suggestedPlayers.remove(suggestedPlayers[index]);
                           }
                         });
@@ -211,47 +213,112 @@ class _PlayerSelectionState extends State<PlayerSelection> {
     );
   }
 
+  /// Loads the list of players from the database or uses the provided available players.
+  /// Sets the loading state and updates the player lists accordingly.
+  void loadPlayerList() {
+    _allPlayersFuture = Future.wait([
+      db.playerDao.getAllPlayers(),
+      Future.delayed(Constants.minimumSkeletonDuration),
+    ]).then((results) => results[0] as List<Player>);
+    if (mounted) {
+      _allPlayersFuture.then((loadedPlayers) {
+        setState(() {
+          // If a list of available players is provided (even if empty), use that list.
+          if (widget.availablePlayers != null) {
+            widget.availablePlayers!.sort((a, b) => a.name.compareTo(b.name));
+            allPlayers = [...widget.availablePlayers!];
+            suggestedPlayers = [...allPlayers];
+
+            if (widget.initialSelectedPlayers != null) {
+              // Ensures that only players available for selection are pre-selected.
+              selectedPlayers = widget.initialSelectedPlayers!
+                  .where(
+                    (p) => widget.availablePlayers!.any(
+                      (available) => available.id == p.id,
+                    ),
+                  )
+                  .toList();
+            }
+          } else {
+            // Otherwise, use the loaded players from the database.
+            loadedPlayers.sort((a, b) => a.name.compareTo(b.name));
+            allPlayers = [...loadedPlayers];
+            suggestedPlayers = [...loadedPlayers];
+          }
+          isLoading = false;
+        });
+      });
+    }
+  }
+
   /// Adds a new player to the database from the search bar input.
   /// Shows a snackbar indicating success or failure.
   /// [context] - BuildContext to show the snackbar.
-  void addNewPlayerFromSearch({required BuildContext context}) async {
+  Future<void> addNewPlayerFromSearch({required BuildContext context}) async {
-    String playerName = _searchBarController.text.trim();
+    final loc = AppLocalizations.of(context);
-    Player createdPlayer = Player(name: playerName);
+    final playerName = _searchBarController.text.trim();
-    bool success = await db.playerDao.addPlayer(player: createdPlayer);
+
+    final createdPlayer = Player(name: playerName);
+    final success = await db.playerDao.addPlayer(player: createdPlayer);
+
     if (!context.mounted) return;
+
     if (success) {
-      selectedPlayers.add(createdPlayer);
+      _handleSuccessfulPlayerCreation(createdPlayer);
+      showSnackBarMessage(loc.successfully_added_player(playerName));
+    } else {
+      showSnackBarMessage(loc.could_not_add_player(playerName));
+    }
+  }
+
+  /// Updates the state after successfully adding a new player.
+  void _handleSuccessfulPlayerCreation(Player player) {
+    selectedPlayers.insert(0, player);
     widget.onChanged([...selectedPlayers]);
-      allPlayers.add(createdPlayer);
+    allPlayers.add(player);
+
     setState(() {
       _searchBarController.clear();
-        suggestedPlayers = allPlayers.where((player) {
+      _updateSuggestedPlayers();
-          return !selectedPlayers.contains(player);
-        }).toList();
     });
+  }
+
+  /// Updates the suggested players list based on current selection.
+  void _updateSuggestedPlayers() {
+    suggestedPlayers = allPlayers
+        .where((player) => !selectedPlayers.contains(player))
+        .toList();
+  }
+
+  /// Displays a snackbar message at the bottom of the screen.
+  /// [message] - The message to display in the snackbar.
+  void showSnackBarMessage(String message) {
+    if (!context.mounted) return;
     ScaffoldMessenger.of(context).showSnackBar(
       SnackBar(
         backgroundColor: CustomTheme.boxColor,
         content: Center(
-            child: Text(
+          child: Text(message, style: const TextStyle(color: Colors.white)),
-              'Successfully added player $playerName.',
-              style: const TextStyle(color: Colors.white),
-            ),
         ),
       ),
     );
+  }
+
+  /// Determines the appropriate info text to display when no players
+  /// are available in the suggested players list.
+  String _getInfoText(BuildContext context) {
+    final loc = AppLocalizations.of(context);
+    if (allPlayers.isEmpty) {
+      // No players exist in the database
+      return loc.no_players_created_yet;
+    } else if (selectedPlayers.length == allPlayers.length ||
+        widget.availablePlayers?.isEmpty == true) {
+      // All players have been selected or
+      // available players list is provided but empty
+      return loc.all_players_selected;
     } else {
-      ScaffoldMessenger.of(context).showSnackBar(
+      // No players match the search query
-        SnackBar(
+      return loc.no_players_found_with_that_name;
-          backgroundColor: CustomTheme.boxColor,
-          content: Center(
-            child: Text(
-              'Could not add player $playerName.',
-              style: const TextStyle(color: Colors.white),
-            ),
-          ),
-        ),
-      );
     }
   }
 }

lib/presentation/widgets/text_input/custom_search_bar.dart

@@ -1,16 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A custom search bar widget that encapsulates a [SearchBar] with additional customization options.
+/// - [controller]: The controller for the search bar's text input.
+/// - [hintText]: The hint text displayed in the search bar when it is empty.
+/// - [trailingButtonShown]: Whether to show the trailing button.
+/// - [trailingButtonicon]: The icon for the trailing button.
+/// - [trailingButtonEnabled]: Whether the trailing button is in enabled state.
+/// - [onTrailingButtonPressed]: The callback invoked when the trailing button is pressed.
+/// - [onChanged]: The callback invoked when the text in the search bar changes.
+/// - [constraints]: The constraints for the search bar.
 class CustomSearchBar extends StatelessWidget {
-  final TextEditingController controller;
-  final String hintText;
-  final ValueChanged<String>? onChanged;
-  final BoxConstraints? constraints;
-  final bool trailingButtonShown;
-  final bool trailingButtonEnabled;
-  final VoidCallback? onTrailingButtonPressed;
-  final IconData trailingButtonicon;
-
   const CustomSearchBar({
     super.key,
     required this.controller,
@@ -23,6 +23,30 @@ class CustomSearchBar extends StatelessWidget {
     this.constraints,
   });
 
+  /// The controller for the search bar's text input.
+  final TextEditingController controller;
+
+  /// The hint text displayed in the search bar when it is empty.
+  final String hintText;
+
+  /// Whether to show the trailing button.
+  final bool trailingButtonShown;
+
+  /// The icon for the trailing button.
+  final IconData trailingButtonicon;
+
+  /// Whether the trailing button is in enabled state.
+  final bool trailingButtonEnabled;
+
+  /// The callback invoked when the trailing button is pressed.
+  final VoidCallback? onTrailingButtonPressed;
+
+  /// The callback invoked when the text in the search bar changes.
+  final ValueChanged<String>? onChanged;
+
+  /// The constraints for the search bar.
+  final BoxConstraints? constraints;
+
   @override
   Widget build(BuildContext context) {
     return SearchBar(

lib/presentation/widgets/text_input/text_input_field.dart

@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A custom text input field widget that encapsulates a [TextField] with specific styling.
+/// - [controller]: The controller for the text input field.
+/// - [onChanged]: The callback invoked when the text in the field changes.
+/// - [hintText]: The hint text displayed in the text input field when it is empty
 class TextInputField extends StatelessWidget {
-  final TextEditingController controller;
-  final ValueChanged<String>? onChanged;
-  final String hintText;
-
   const TextInputField({
     super.key,
     required this.controller,
@@ -13,6 +13,15 @@ class TextInputField extends StatelessWidget {
     this.onChanged,
   });
 
+  /// The controller for the text input field.
+  final TextEditingController controller;
+
+  /// The callback invoked when the text in the field changes.
+  final ValueChanged<String>? onChanged;
+
+  /// The hint text displayed in the text input field when it is empty.
+  final String hintText;
+
   @override
   Widget build(BuildContext context) {
     return TextField(

lib/presentation/widgets/tiles/choose_tile.dart

@@ -1,10 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A tile widget that allows users to choose an option by tapping on it.
+/// - [title]: The title text displayed on the tile.
+/// - [trailingText]: Optional trailing text displayed on the tile.
+/// - [onPressed]: The callback invoked when the tile is tapped.
 class ChooseTile extends StatefulWidget {
-  final String title;
-  final VoidCallback? onPressed;
-  final String? trailingText;
   const ChooseTile({
     super.key,
     required this.title,
@@ -12,6 +13,15 @@ class ChooseTile extends StatefulWidget {
     this.onPressed,
   });
 
+  /// The title text displayed on the tile.
+  final String title;
+
+  /// The callback invoked when the tile is tapped.
+  final VoidCallback? onPressed;
+
+  /// Optional trailing text displayed on the tile.
+  final String? trailingText;
+
   @override
   State<ChooseTile> createState() => _ChooseTileState();
 }
@@ -22,8 +32,8 @@ class _ChooseTileState extends State<ChooseTile> {
     return GestureDetector(
       onTap: widget.onPressed,
       child: Container(
-        margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
+        margin: CustomTheme.tileMargin,
-        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
         decoration: CustomTheme.standardBoxDecoration,
         child: Row(
           children: [

lib/presentation/widgets/tiles/custom_radio_list_tile.dart

@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A custom radio list tile widget that encapsulates a [Radio] button with additional styling and functionality.
+/// - [text]: The text to display next to the radio button.
+/// - [value]: The value associated with the radio button.
+/// - [onContainerTap]: The callback invoked when the container is tapped.
 class CustomRadioListTile<T> extends StatelessWidget {
-  final String text;
-  final T value;
-  final ValueChanged<T> onContainerTap;
-
   const CustomRadioListTile({
     super.key,
     required this.text,
@@ -13,6 +13,15 @@ class CustomRadioListTile<T> extends StatelessWidget {
     required this.onContainerTap,
   });
 
+  /// The text to display next to the radio button.
+  final String text;
+
+  /// The value associated with the radio button.
+  final T value;
+
+  /// The callback invoked when the container is tapped.
+  final ValueChanged<T> onContainerTap;
+
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
@@ -23,7 +32,7 @@ class CustomRadioListTile<T> extends StatelessWidget {
         decoration: BoxDecoration(
           color: CustomTheme.boxColor,
           border: Border.all(color: CustomTheme.boxBorder),
-          borderRadius: BorderRadius.circular(12),
+          borderRadius: CustomTheme.standardBorderRadiusAll,
         ),
         child: Row(
           children: [

lib/presentation/widgets/tiles/game_history_tile.dart

@@ -1,180 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:game_tracker/core/custom_theme.dart';
-import 'package:game_tracker/data/dto/match.dart';
-import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
-import 'package:intl/intl.dart';
-
-class GameHistoryTile extends StatefulWidget {
-  final Match match;
-  final VoidCallback onTap;
-
-  const GameHistoryTile({super.key, required this.match, required this.onTap});
-
-  @override
-  State<GameHistoryTile> createState() => _GameHistoryTileState();
-}
-
-class _GameHistoryTileState extends State<GameHistoryTile> {
-  @override
-  Widget build(BuildContext context) {
-    final group = widget.match.group;
-    final winner = widget.match.winner;
-    final allPlayers = _getAllPlayers();
-
-    return GestureDetector(
-      onTap: widget.onTap,
-      child: Container(
-        margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
-        padding: const EdgeInsets.all(16),
-        decoration: BoxDecoration(
-          color: CustomTheme.boxColor,
-          border: Border.all(color: CustomTheme.boxBorder),
-          borderRadius: BorderRadius.circular(12),
-        ),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Expanded(
-                  child: Text(
-                    widget.match.name,
-                    style: const TextStyle(
-                      fontSize: 18,
-                      fontWeight: FontWeight.bold,
-                    ),
-                    overflow: TextOverflow.ellipsis,
-                  ),
-                ),
-                Text(
-                  _formatDate(widget.match.createdAt),
-                  style: const TextStyle(fontSize: 12, color: Colors.grey),
-                ),
-              ],
-            ),
-
-            const SizedBox(height: 8),
-
-            if (group != null) ...[
-              Row(
-                children: [
-                  const Icon(Icons.group, size: 16, color: Colors.grey),
-                  const SizedBox(width: 6),
-                  Expanded(
-                    child: Text(
-                      group.name,
-                      style: const TextStyle(fontSize: 14, color: Colors.grey),
-                      overflow: TextOverflow.ellipsis,
-                    ),
-                  ),
-                ],
-              ),
-              const SizedBox(height: 12),
-            ],
-
-            if (winner != null) ...[
-              Container(
-                padding: const EdgeInsets.symmetric(
-                  vertical: 8,
-                  horizontal: 12,
-                ),
-                decoration: BoxDecoration(
-                  color: Colors.green.withValues(alpha: 0.1),
-                  borderRadius: BorderRadius.circular(8),
-                  border: Border.all(
-                    color: Colors.green.withValues(alpha: 0.3),
-                    width: 1,
-                  ),
-                ),
-                child: Row(
-                  children: [
-                    const Icon(
-                      Icons.emoji_events,
-                      size: 20,
-                      color: Colors.amber,
-                    ),
-                    const SizedBox(width: 8),
-                    Expanded(
-                      child: Text(
-                        'Winner: ${winner.name}',
-                        style: const TextStyle(
-                          fontSize: 14,
-                          fontWeight: FontWeight.w600,
-                          color: Colors.white,
-                        ),
-                        overflow: TextOverflow.ellipsis,
-                      ),
-                    ),
-                  ],
-                ),
-              ),
-              const SizedBox(height: 12),
-            ],
-
-            if (allPlayers.isNotEmpty) ...[
-              const Text(
-                'Players',
-                style: TextStyle(
-                  fontSize: 13,
-                  color: Colors.grey,
-                  fontWeight: FontWeight.w500,
-                ),
-              ),
-              const SizedBox(height: 6),
-              Wrap(
-                spacing: 6,
-                runSpacing: 6,
-                children: allPlayers.map((player) {
-                  return TextIconTile(text: player.name, iconEnabled: false);
-                }).toList(),
-              ),
-            ],
-          ],
-        ),
-      ),
-    );
-  }
-
-  String _formatDate(DateTime dateTime) {
-    final now = DateTime.now();
-    final difference = now.difference(dateTime);
-
-    if (difference.inDays == 0) {
-      return 'Today at ${DateFormat('HH:mm').format(dateTime)}';
-    } else if (difference.inDays == 1) {
-      return 'Yesterday at ${DateFormat('HH:mm').format(dateTime)}';
-    } else if (difference.inDays < 7) {
-      return '${difference.inDays} days ago';
-    } else {
-      return DateFormat('MMM d, yyyy').format(dateTime);
-    }
-  }
-
-  List<dynamic> _getAllPlayers() {
-    final allPlayers = <dynamic>[];
-    final playerIds = <String>{};
-
-    // Add players from game.players
-    if (widget.match.players != null) {
-      for (var player in widget.match.players!) {
-        if (!playerIds.contains(player.id)) {
-          allPlayers.add(player);
-          playerIds.add(player.id);
-        }
-      }
-    }
-
-    // Add players from game.group.players
-    if (widget.match.group?.members != null) {
-      for (var player in widget.match.group!.members) {
-        if (!playerIds.contains(player.id)) {
-          allPlayers.add(player);
-          playerIds.add(player.id);
-        }
-      }
-    }
-
-    return allPlayers;
-  }
-}

lib/presentation/widgets/tiles/group_tile.dart

@@ -3,16 +3,22 @@ import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
 
+/// A tile widget that displays information about a group, including its name and members.
+/// - [group]: The group data to be displayed.
+/// - [isHighlighted]: Whether the tile should be highlighted.
 class GroupTile extends StatelessWidget {
   const GroupTile({super.key, required this.group, this.isHighlighted = false});
 
+  /// The group data to be displayed.
   final Group group;
+
+  /// Whether the tile should be highlighted.
   final bool isHighlighted;
 
   @override
   Widget build(BuildContext context) {
     return AnimatedContainer(
-      margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+      margin: CustomTheme.standardMargin,
       padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
       decoration: isHighlighted
           ? CustomTheme.highlightedBoxDecoration
@@ -56,7 +62,9 @@ class GroupTile extends StatelessWidget {
             spacing: 12.0,
             runSpacing: 8.0,
             children: <Widget>[
-              for (var member in group.members)
+              for (var member in [
+                ...group.members,
+              ]..sort((a, b) => a.name.compareTo(b.name)))
                 TextIconTile(text: member.name, iconEnabled: false),
             ],
           ),

lib/presentation/widgets/tiles/info_tile.dart

@@ -1,13 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A tile widget that displays a title with an icon and some content below it.
+/// - [title]: The title text displayed on the tile.
+/// - [icon]: The icon displayed next to the title.
+/// - [content]: The content widget displayed below the title.
+/// - [padding]: Optional padding for the tile content.
+/// - [height]: Optional height for the tile.
+/// - [width]: Optional width for the tile.
 class InfoTile extends StatefulWidget {
-  final String title;
-  final IconData icon;
-  final Widget content;
-  final EdgeInsets? padding;
-  final double? height;
-  final double? width;
   const InfoTile({
     super.key,
     required this.title,
@@ -18,6 +19,24 @@ class InfoTile extends StatefulWidget {
     this.width,
   });
 
+  /// The title text displayed on the tile.
+  final String title;
+
+  /// The icon displayed next to the title.
+  final IconData icon;
+
+  /// The content widget displayed below the title.
+  final Widget content;
+
+  /// Optional padding for the tile content.
+  final EdgeInsets? padding;
+
+  /// Optional height for the tile.
+  final double? height;
+
+  /// Optional width for the tile.
+  final double? width;
+
   @override
   State<InfoTile> createState() => _InfoTileState();
 }

lib/presentation/widgets/tiles/match_summary_tile.dart

@@ -2,14 +2,14 @@ import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:skeletonizer/skeletonizer.dart';
 
-class MatchTile extends StatefulWidget {
+class MatchSummaryTile extends StatefulWidget {
   final String matchTitle;
   final String game;
   final String ruleset;
   final String players;
   final String winner;
 
-  const MatchTile({
+  const MatchSummaryTile({
     super.key,
     required this.matchTitle,
     required this.game,
@@ -19,10 +19,10 @@ class MatchTile extends StatefulWidget {
   });
 
   @override
-  State<MatchTile> createState() => _MatchTileState();
+  State<MatchSummaryTile> createState() => _MatchSummaryTileState();
 }
 
-class _MatchTileState extends State<MatchTile> {
+class _MatchSummaryTileState extends State<MatchSummaryTile> {
   @override
   Widget build(BuildContext context) {
     return Column(

lib/presentation/widgets/tiles/match_tile.dart

@@ -0,0 +1,266 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/data/dto/match.dart';
+import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
+import 'package:intl/intl.dart';
+
+/// A tile widget that displays information about a match, including its name,
+/// creation date, associated group, winner, and players.
+/// - [match]: The match data to be displayed.
+/// - [onTap]: The callback invoked when the tile is tapped.
+/// - [width]: Optional width for the tile.
+/// - [compact]: Whether to display the tile in a compact mode
+class MatchTile extends StatefulWidget {
+  const MatchTile({
+    super.key,
+    required this.match,
+    required this.onTap,
+    this.width,
+    this.compact = false,
+  });
+
+  /// The match data to be displayed.
+  final Match match;
+
+  /// The callback invoked when the tile is tapped.
+  final VoidCallback onTap;
+
+  /// Optional width for the tile.
+  final double? width;
+
+  /// Whether to display the tile in a compact mode
+  final bool compact;
+
+  @override
+  State<MatchTile> createState() => _MatchTileState();
+}
+
+class _MatchTileState extends State<MatchTile> {
+  late final List<Player> _allPlayers;
+
+  @override
+  void initState() {
+    super.initState();
+    _allPlayers = _getCombinedPlayers();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final group = widget.match.group;
+    final winner = widget.match.winner;
+    final loc = AppLocalizations.of(context);
+
+    return GestureDetector(
+      onTap: widget.onTap,
+      child: Container(
+        margin: EdgeInsets.zero,
+        width: widget.width,
+        padding: const EdgeInsets.all(12),
+        decoration: CustomTheme.standardBoxDecoration,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Expanded(
+                  child: Text(
+                    widget.match.name,
+                    style: const TextStyle(
+                      fontSize: 18,
+                      fontWeight: FontWeight.bold,
+                    ),
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+                Text(
+                  _formatDate(widget.match.createdAt, context),
+                  style: const TextStyle(fontSize: 12, color: Colors.grey),
+                ),
+              ],
+            ),
+
+            const SizedBox(height: 8),
+
+            if (group != null) ...[
+              Row(
+                children: [
+                  const Icon(Icons.group, size: 16, color: Colors.grey),
+                  const SizedBox(width: 6),
+                  Expanded(
+                    child: Text(
+                      '${group.name}${widget.match.players != null ? ' + ${widget.match.players?.length}' : ''}',
+                      style: const TextStyle(fontSize: 14, color: Colors.grey),
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+            ] else if (widget.compact) ...[
+              Row(
+                children: [
+                  const Icon(Icons.person, size: 16, color: Colors.grey),
+                  const SizedBox(width: 6),
+                  Expanded(
+                    child: Text(
+                      '${widget.match.players!.length} ${loc.players}',
+                      style: const TextStyle(fontSize: 14, color: Colors.grey),
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+            ],
+
+            if (winner != null) ...[
+              Container(
+                padding: const EdgeInsets.symmetric(
+                  vertical: 8,
+                  horizontal: 12,
+                ),
+                decoration: BoxDecoration(
+                  color: Colors.green.withValues(alpha: 0.1),
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(
+                    color: Colors.green.withValues(alpha: 0.3),
+                    width: 1,
+                  ),
+                ),
+                child: Row(
+                  children: [
+                    const Icon(
+                      Icons.emoji_events,
+                      size: 20,
+                      color: Colors.amber,
+                    ),
+                    const SizedBox(width: 8),
+                    Expanded(
+                      child: Text(
+                        '${loc.winner}: ${winner.name}',
+                        style: const TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                          color: CustomTheme.textColor,
+                        ),
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 12),
+            ] else ...[
+              Container(
+                padding: const EdgeInsets.symmetric(
+                  vertical: 8,
+                  horizontal: 12,
+                ),
+                decoration: BoxDecoration(
+                  color: Colors.amber.withValues(alpha: 0.1),
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(
+                    color: Colors.amber.withValues(alpha: 0.3),
+                    width: 1,
+                  ),
+                ),
+                child: Row(
+                  children: [
+                    const Icon(
+                      Icons.watch_later,
+                      size: 20,
+                      color: Colors.amber,
+                    ),
+                    const SizedBox(width: 8),
+                    Expanded(
+                      child: Text(
+                        loc.match_in_progress,
+                        style: const TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                          color: CustomTheme.textColor,
+                        ),
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 12),
+            ],
+
+            if (_allPlayers.isNotEmpty && widget.compact == false) ...[
+              Text(
+                loc.players,
+                style: const TextStyle(
+                  fontSize: 13,
+                  color: Colors.grey,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+              const SizedBox(height: 6),
+              Wrap(
+                spacing: 6,
+                runSpacing: 6,
+                children: _allPlayers.map((player) {
+                  return TextIconTile(text: player.name, iconEnabled: false);
+                }).toList(),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Formats the given [dateTime] into a human-readable string based on its
+  /// difference from the current date.
+  String _formatDate(DateTime dateTime, BuildContext context) {
+    final now = DateTime.now();
+    final difference = now.difference(dateTime);
+    final loc = AppLocalizations.of(context);
+
+    if (difference.inDays == 0) {
+      return "${loc.today_at} ${DateFormat('HH:mm').format(dateTime)}";
+    } else if (difference.inDays == 1) {
+      return "${loc.yesterday_at} ${DateFormat('HH:mm').format(dateTime)}";
+    } else if (difference.inDays < 7) {
+      return loc.days_ago(difference.inDays);
+    } else {
+      return DateFormat('MMM d, yyyy').format(dateTime);
+    }
+  }
+
+  /// Retrieves all unique players associated with the match,
+  /// combining players from both the match and its group.
+  List<Player> _getCombinedPlayers() {
+    final allPlayers = <Player>[];
+    final playerIds = <String>{};
+
+    // Add players from game.players
+    if (widget.match.players != null) {
+      for (var player in widget.match.players!) {
+        if (!playerIds.contains(player.id)) {
+          allPlayers.add(player);
+          playerIds.add(player.id);
+        }
+      }
+    }
+
+    // Add players from game.group.players
+    if (widget.match.group?.members != null) {
+      for (var player in widget.match.group!.members) {
+        if (!playerIds.contains(player.id)) {
+          allPlayers.add(player);
+          playerIds.add(player.id);
+        }
+      }
+    }
+
+    allPlayers.sort((a, b) => a.name.compareTo(b.name));
+    return allPlayers;
+  }
+}

lib/presentation/widgets/tiles/quick_info_tile.dart

@@ -1,13 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A tile widget that displays a title with an icon and a numeric value below it.
+/// - [title]: The title text displayed on the tile.
+/// - [icon]: The icon displayed next to the title.
+/// - [value]: The numeric value displayed below the title.
+/// - [height]: Optional height for the tile.
+/// - [width]: Optional width for the tile.
+/// - [padding]: Optional padding for the tile content.
 class QuickInfoTile extends StatefulWidget {
-  final String title;
-  final IconData icon;
-  final int value;
-  final double? height;
-  final double? width;
-  final EdgeInsets? padding;
   const QuickInfoTile({
     super.key,
     required this.title,
@@ -18,6 +19,24 @@ class QuickInfoTile extends StatefulWidget {
     this.padding,
   });
 
+  /// The title text displayed on the tile.
+  final String title;
+
+  /// The icon displayed next to the title.
+  final IconData icon;
+
+  /// The numeric value displayed below the title.
+  final int value;
+
+  /// Optional height for the tile.
+  final double? height;
+
+  /// Optional width for the tile.
+  final double? width;
+
+  /// Optional padding for the tile content.
+  final EdgeInsets? padding;
+
   @override
   State<QuickInfoTile> createState() => _QuickInfoTileState();
 }

lib/presentation/widgets/tiles/settings_list_tile.dart

@@ -1,19 +1,32 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A customizable settings list tile widget that displays an icon, title, and an optional suffix widget.
+/// - [icon]: The icon displayed on the left side of the tile.
+/// - [title]: The title text displayed next to the icon.
+/// - [suffixWidget]: An optional widget displayed on the right side of the tile.
+/// - [onPressed]: The callback invoked when the tile is tapped.
 class SettingsListTile extends StatelessWidget {
-  final VoidCallback? onPressed;
-  final IconData icon;
-  final String title;
-  final Widget? suffixWidget;
   const SettingsListTile({
     super.key,
-    required this.title,
     required this.icon,
+    required this.title,
     this.suffixWidget,
     this.onPressed,
   });
 
+  /// The icon displayed on the left side of the tile.
+  final IconData icon;
+
+  /// The title text displayed next to the icon.
+  final String title;
+
+  /// An optional widget displayed on the right side of the tile.
+  final Widget? suffixWidget;
+
+  /// The callback invoked when the tile is tapped.
+  final VoidCallback? onPressed;
+
   @override
   Widget build(BuildContext context) {
     return Padding(

lib/presentation/widgets/tiles/statistics_tile.dart

@@ -1,8 +1,16 @@
 import 'dart:math';
 
 import 'package:flutter/material.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/info_tile.dart';
 
+/// A tile widget that displays statistical data using horizontal bars.
+/// - [icon]: The icon displayed next to the title.
+/// - [title]: The title text displayed on the tile.
+/// - [width]: The width of the tile.
+/// - [values]: A list of tuples containing labels and their corresponding numeric values.
+/// - [itemCount]: The maximum number of items to display.
+/// - [barColor]: The color of the bars representing the values.
 class StatisticsTile extends StatelessWidget {
   const StatisticsTile({
     super.key,
@@ -14,16 +22,27 @@ class StatisticsTile extends StatelessWidget {
     required this.barColor,
   });
 
+  /// The icon displayed next to the title.
   final IconData icon;
+
+  /// The title text displayed on the tile.
   final String title;
+
+  /// The width of the tile.
   final double width;
+
+  /// A list of tuples containing labels and their corresponding numeric values.
   final List<(String, num)> values;
+
+  /// The maximum number of items to display.
   final int itemCount;
+
+  /// The color of the bars representing the values.
   final Color barColor;
 
   @override
   Widget build(BuildContext context) {
-    final maxBarWidth = MediaQuery.of(context).size.width * 0.65;
+    final loc = AppLocalizations.of(context);
 
     return InfoTile(
       width: width,
@@ -33,11 +52,14 @@ class StatisticsTile extends StatelessWidget {
         padding: const EdgeInsets.symmetric(horizontal: 20.0),
         child: Visibility(
           visible: values.isNotEmpty,
-          replacement: const Center(
+          replacement: Center(
             heightFactor: 4,
-            child: Text('No data available.'),
+            child: Text(loc.no_data_available),
           ),
-          child: Column(
+          child: LayoutBuilder(
+            builder: (context, constraints) {
+              final maxBarWidth = constraints.maxWidth * 0.65;
+              return Column(
                 children: List.generate(min(values.length, itemCount), (index) {
                   /// The maximum wins among all players
                   final maxMatches = values.isNotEmpty ? values[0].$2 : 0;
@@ -94,6 +116,8 @@ class StatisticsTile extends StatelessWidget {
                     ),
                   );
                 }),
+              );
+            },
           ),
         ),
       ),

lib/presentation/widgets/tiles/text_icon_list_tile.dart

@@ -1,18 +1,27 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A list tile widget that displays text with an optional icon button.
+/// - [text]: The text to display in the tile.
+/// - [onPressed]: The callback to be invoked when the icon is pressed.
+/// - [iconEnabled]: A boolean to determine if the icon should be displayed.
 class TextIconListTile extends StatelessWidget {
-  final String text;
-  final VoidCallback? onPressed;
-  final bool iconEnabled;
-
   const TextIconListTile({
     super.key,
     required this.text,
-    this.onPressed,
     this.iconEnabled = true,
+    this.onPressed,
   });
 
+  /// The text to display in the tile.
+  final String text;
+
+  /// A boolean to determine if the icon should be displayed.
+  final bool iconEnabled;
+
+  /// The callback to be invoked when the icon is pressed.
+  final VoidCallback? onPressed;
+
   @override
   Widget build(BuildContext context) {
     return Container(

lib/presentation/widgets/tiles/text_icon_tile.dart

@@ -1,18 +1,27 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A tile widget that displays text with an optional icon that can be tapped.
+/// - [text]: The text to display in the tile.
+/// - [iconEnabled]: A boolean to determine if the icon should be displayed.
+/// - [onIconTap]: The callback to be invoked when the icon is tapped.
 class TextIconTile extends StatelessWidget {
-  final String text;
-  final bool iconEnabled;
-  final VoidCallback? onIconTap;
-
   const TextIconTile({
     super.key,
     required this.text,
-    this.onIconTap,
     this.iconEnabled = true,
+    this.onIconTap,
   });
 
+  /// The text to display in the tile.
+  final String text;
+
+  /// A boolean to determine if the icon should be displayed.
+  final bool iconEnabled;
+
+  /// The callback to be invoked when the icon is tapped.
+  final VoidCallback? onIconTap;
+
   @override
   Widget build(BuildContext context) {
     return Container(

lib/presentation/widgets/tiles/title_description_list_tile.dart

@@ -1,14 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
+/// A list tile widget that displays a title and description, with optional highlighting and badge.
+/// - [title]: The title text displayed on the tile.
+/// - [description]: The description text displayed below the title.
+/// - [onPressed]: The callback invoked when the tile is tapped.
+/// - [isHighlighted]: A boolean to determine if the tile should be highlighted.
+/// - [badgeText]: Optional text to display in a badge on the right side of the title.
+/// - [badgeColor]: Optional color for the badge background.
 class TitleDescriptionListTile extends StatelessWidget {
-  final String title;
-  final String description;
-  final VoidCallback? onPressed;
-  final bool isHighlighted;
-  final String? badgeText;
-  final Color? badgeColor;
-
   const TitleDescriptionListTile({
     super.key,
     required this.title,
@@ -19,6 +19,24 @@ class TitleDescriptionListTile extends StatelessWidget {
     this.badgeColor,
   });
 
+  /// The title text displayed on the tile.
+  final String title;
+
+  /// The description text displayed below the title.
+  final String description;
+
+  /// The callback invoked when the tile is tapped.
+  final VoidCallback? onPressed;
+
+  /// A boolean to determine if the tile should be highlighted.
+  final bool isHighlighted;
+
+  /// Optional text to display in a badge on the right side of the title.
+  final String? badgeText;
+
+  /// Optional color for the badge background.
+  final Color? badgeColor;
+
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
@@ -54,7 +72,7 @@ class TitleDescriptionListTile extends StatelessWidget {
                 if (badgeText != null) ...[
                   const Spacer(),
                   Container(
-                    constraints: const BoxConstraints(maxWidth: 100),
+                    constraints: const BoxConstraints(maxWidth: 115),
                     margin: const EdgeInsets.only(top: 4),
                     padding: const EdgeInsets.symmetric(
                       vertical: 2,

lib/presentation/widgets/top_centered_message.dart

@@ -1,5 +1,9 @@
 import 'package:flutter/material.dart';
 
+/// A widget that displays a message centered at the top of the screen with an icon, title, and message.
+/// - [icon]: The icon to display above the title.
+/// - [title]: The title text to display.
+/// - [message]: The message text to display below the title.
 class TopCenteredMessage extends StatelessWidget {
   const TopCenteredMessage({
     super.key,
@@ -8,10 +12,15 @@ class TopCenteredMessage extends StatelessWidget {
     required this.message,
   });
 
-  final String title;
+  /// The icon to display above the title.
-  final String message;
   final IconData icon;
 
+  /// The title text to display.
+  final String title;
+
+  /// The message text to display below the title.
+  final String message;
+
   @override
   Widget build(BuildContext context) {
     return Container(

lib/services/data_transfer_service.dart

@@ -31,9 +31,25 @@ class DataTransferService {
 
     // Construct a JSON representation of the data
     final Map<String, dynamic> jsonMap = {
-      'matches': matches.map((match) => match.toJson()).toList(),
+      'players': players.map((p) => p.toJson()).toList(),
-      'groups': groups.map((group) => group.toJson()).toList(),
+
-      'players': players.map((player) => player.toJson()).toList(),
+      'groups': groups
+          .map((g) => {
+        'id': g.id,
+        'name': g.name,
+        'createdAt': g.createdAt.toIso8601String(),
+        'memberIds': (g.members).map((m) => m.id).toList(),
+      }).toList(),
+
+      'matches': matches
+          .map((m) => {
+        'id': m.id,
+        'name': m.name,
+        'createdAt': m.createdAt.toIso8601String(),
+        'groupId': m.group?.id,
+        'playerIds': (m.players ?? []).map((p) => p.id).toList(),
+        'winnerId': m.winner?.id,
+      }).toList(),
     };
 
     return json.encode(jsonMap);
@@ -46,7 +62,7 @@ class DataTransferService {
   /// [fileName] The desired name for the exported file (without extension).
   static Future<ExportResult> exportData(
     String jsonString,
-    String fileName,
+    String fileName
   ) async {
     try {
       final bytes = Uint8List.fromList(utf8.encode(jsonString));
@@ -54,11 +70,13 @@ class DataTransferService {
         fileName: '$fileName.json',
         bytes: bytes,
       );
+
       if (path == null) {
         return ExportResult.canceled;
       } else {
         return ExportResult.success;
       }
+
     } catch (e, stack) {
       print('[exportData] $e');
       print(stack);
@@ -81,42 +99,77 @@ class DataTransferService {
 
     try {
       final jsonString = await _readFileContent(path.files.single);
-      if (jsonString == null) {
+      if (jsonString == null) return ImportResult.fileReadError;
-        return ImportResult.fileReadError;
-      }
 
-      if (await _validateJsonSchema(jsonString)) {
+      final isValid = await _validateJsonSchema(jsonString);
-        final Map<String, dynamic> jsonData =
+      if (!isValid) return ImportResult.invalidSchema;
-            json.decode(jsonString) as Map<String, dynamic>;
 
-        final List<dynamic>? matchesJson =
+      final Map<String, dynamic> decoded = json.decode(jsonString) as Map<String, dynamic>;
-            jsonData['matches'] as List<dynamic>?;
-        final List<dynamic>? groupsJson = jsonData['groups'] as List<dynamic>?;
-        final List<dynamic>? playersJson =
-            jsonData['players'] as List<dynamic>?;
 
-        final List<Match> importedMatches =
+      final List<dynamic> playersJson = (decoded['players'] as List<dynamic>?) ?? [];
-            matchesJson
+      final List<dynamic> groupsJson = (decoded['groups'] as List<dynamic>?) ?? [];
-                ?.map((g) => Match.fromJson(g as Map<String, dynamic>))
+      final List<dynamic> matchesJson = (decoded['matches'] as List<dynamic>?) ?? [];
-                .toList() ??
+
-            [];
+      // Players
-        final List<Group> importedGroups =
+      final List<Player> importedPlayers = playersJson
-            groupsJson
+          .map((p) => Player.fromJson(p as Map<String, dynamic>))
-                ?.map((g) => Group.fromJson(g as Map<String, dynamic>))
+          .toList();
-                .toList() ??
+
-            [];
+      final Map<String, Player> playerById = {
-        final List<Player> importedPlayers =
+        for (final p in importedPlayers) p.id: p,
-            playersJson
+      };
-                ?.map((p) => Player.fromJson(p as Map<String, dynamic>))
+
-                .toList() ??
+      // Groups
-            [];
+      final List<Group> importedGroups = groupsJson.map((g) {
+        final map = g as Map<String, dynamic>;
+        final memberIds = (map['memberIds'] as List<dynamic>? ?? []).cast<String>();
+
+        final members = memberIds
+            .map((id) => playerById[id])
+            .whereType<Player>()
+            .toList();
+
+        return Group(
+          id: map['id'] as String,
+          name: map['name'] as String,
+          members: members,
+          createdAt: DateTime.parse(map['createdAt'] as String),
+        );
+      }).toList();
+
+      final Map<String, Group> groupById = {
+        for (final g in importedGroups) g.id: g,
+      };
+
+      // Matches
+      final List<Match> importedMatches = matchesJson.map((m) {
+        final map = m as Map<String, dynamic>;
+
+        final String? groupId = map['groupId'] as String?;
+        final List<String> playerIds = (map['playerIds'] as List<dynamic>? ?? []).cast<String>();
+        final String? winnerId = map['winnerId'] as String?;
+
+        final group = (groupId == null) ? null : groupById[groupId];
+        final players = playerIds
+            .map((id) => playerById[id])
+            .whereType<Player>()
+            .toList();
+        final winner = (winnerId == null) ? null : playerById[winnerId];
+
+        return Match(
+          id: map['id'] as String,
+          name: map['name'] as String,
+          group: group,
+          players: players,
+          createdAt: DateTime.parse(map['createdAt'] as String),
+          winner: winner,
+        );
+      }).toList();
 
       await db.playerDao.addPlayersAsList(players: importedPlayers);
       await db.groupDao.addGroupsAsList(groups: importedGroups);
       await db.matchDao.addMatchAsList(matches: importedMatches);
-      } else {
+
-        return ImportResult.invalidSchema;
-      }
       return ImportResult.success;
     } on FormatException catch (e, stack) {
       print('[importData] FormatException');

pubspec.yaml

@@ -1,7 +1,7 @@
 name: game_tracker
 description: "Game Tracking App for Card Games"
 publish_to: 'none'
-version: 0.0.1+21
+version: 0.0.1+149
 
 environment:
   sdk: ^3.8.1
@@ -9,11 +9,6 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  material_symbols_icons: ^4.2815.1
-
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.8
   drift: ^2.27.0
   drift_flutter: ^0.2.4
   path_provider: ^2.1.5
@@ -24,7 +19,10 @@ dependencies:
   json_schema: ^5.2.2
   file_saver: ^0.3.1
   clock: ^1.1.2
-  intl: ^0.18.0
+  intl: any
+  flutter_localizations:
+    sdk: flutter
+  package_info_plus: ^9.0.0
 
 dev_dependencies:
   flutter_test:
@@ -35,5 +33,6 @@ dev_dependencies:
 
 flutter:
   uses-material-design: true
+  generate: true
   assets:
     - assets/schema.json

test/db_tests/game_test.dart

@@ -23,7 +23,7 @@ void main() {
   final fixedDate = DateTime(2025, 19, 11, 00, 11, 23);
   final fakeClock = Clock(() => fixedDate);
 
-  setUp(() {
+  setUp(() async {
     database = AppDatabase(
       DatabaseConnection(
         NativeDatabase.memory(),
@@ -68,6 +68,16 @@ void main() {
         group: testGroup2,
       );
     });
+    await database.playerDao.addPlayersAsList(
+      players: [
+        testPlayer1,
+        testPlayer2,
+        testPlayer3,
+        testPlayer4,
+        testPlayer5,
+      ],
+    );
+    await database.groupDao.addGroupsAsList(groups: [testGroup1, testGroup2]);
   });
   tearDown(() async {
     await database.close();
@@ -253,7 +263,7 @@ void main() {
       expect(matchCount, 0);
     });
 
-    test('Checking if match has winner works correclty', () async {
+    test('Checking if match has winner works correctly', () async {
       await database.matchDao.addMatch(match: testMatch1);
       await database.matchDao.addMatch(match: testMatchOnlyGroup);
 

test/db_tests/group_match_test.dart

@@ -1,5 +1,5 @@
 import 'package:clock/clock.dart';
-import 'package:drift/drift.dart';
+import 'package:drift/drift.dart' hide isNotNull;
 import 'package:drift/native.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:game_tracker/data/db/database.dart';
@@ -21,7 +21,7 @@ void main() {
   final fixedDate = DateTime(2025, 19, 11, 00, 11, 23);
   final fakeClock = Clock(() => fixedDate);
 
-  setUp(() {
+  setUp(() async {
     database = AppDatabase(
       DatabaseConnection(
         NativeDatabase.memory(),
@@ -53,6 +53,16 @@ void main() {
         group: testGroup1,
       );
     });
+    await database.playerDao.addPlayersAsList(
+      players: [
+        testPlayer1,
+        testPlayer2,
+        testPlayer3,
+        testPlayer4,
+        testPlayer5,
+      ],
+    );
+    await database.groupDao.addGroupsAsList(groups: [testGroup1, testGroup2]);
   });
   tearDown(() async {
     await database.close();
@@ -179,5 +189,33 @@ void main() {
         }
       }
     });
+
+    test('Adding the same group to seperate matches works correctly', () async {
+      final match1 = Match(name: 'Match 1', group: testGroup1);
+      final match2 = Match(name: 'Match 2', group: testGroup1);
+
+      await Future.wait([
+        database.matchDao.addMatch(match: match1),
+        database.matchDao.addMatch(match: match2),
+      ]);
+
+      final group1 = await database.groupMatchDao.getGroupOfMatch(
+        matchId: match1.id,
+      );
+      final group2 = await database.groupMatchDao.getGroupOfMatch(
+        matchId: match2.id,
+      );
+
+      expect(group1, isNotNull);
+      expect(group2, isNotNull);
+
+      final groups = [group1!, group2!];
+      for (final group in groups) {
+        expect(group.members.length, testGroup1.members.length);
+        expect(group.id, testGroup1.id);
+        expect(group.name, testGroup1.name);
+        expect(group.createdAt, testGroup1.createdAt);
+      }
+    });
   });
 }

test/db_tests/player_match_test.dart

@@ -1,5 +1,5 @@
 import 'package:clock/clock.dart';
-import 'package:drift/drift.dart';
+import 'package:drift/drift.dart' hide isNotNull;
 import 'package:drift/native.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:game_tracker/data/db/database.dart';
@@ -21,7 +21,7 @@ void main() {
   final fixedDate = DateTime(2025, 19, 11, 00, 11, 23);
   final fakeClock = Clock(() => fixedDate);
 
-  setUp(() {
+  setUp(() async {
     database = AppDatabase(
       DatabaseConnection(
         NativeDatabase.memory(),
@@ -50,6 +50,17 @@ void main() {
         players: [testPlayer4, testPlayer5, testPlayer6],
       );
     });
+    await database.playerDao.addPlayersAsList(
+      players: [
+        testPlayer1,
+        testPlayer2,
+        testPlayer3,
+        testPlayer4,
+        testPlayer5,
+        testPlayer6,
+      ],
+    );
+    await database.groupDao.addGroup(group: testgroup);
   });
   tearDown(() async {
     await database.close();
@@ -185,5 +196,42 @@ void main() {
         expect(player.createdAt, testPlayer.createdAt);
       }
     });
+
+    test(
+      'Adding the same player to seperate matches works correctly',
+      () async {
+        final playersList = [testPlayer1, testPlayer2, testPlayer3];
+        final match1 = Match(name: 'Match 1', players: playersList);
+        final match2 = Match(name: 'Match 2', players: playersList);
+
+        await Future.wait([
+          database.matchDao.addMatch(match: match1),
+          database.matchDao.addMatch(match: match2),
+        ]);
+
+        final players1 = await database.playerMatchDao.getPlayersOfMatch(
+          matchId: match1.id,
+        );
+        final players2 = await database.playerMatchDao.getPlayersOfMatch(
+          matchId: match2.id,
+        );
+
+        expect(players1, isNotNull);
+        expect(players2, isNotNull);
+
+        expect(
+          players1!.map((p) => p.id).toList(),
+          equals(players2!.map((p) => p.id).toList()),
+        );
+        expect(
+          players1.map((p) => p.name).toList(),
+          equals(players2.map((p) => p.name).toList()),
+        );
+        expect(
+          players1.map((p) => p.createdAt).toList(),
+          equals(players2.map((p) => p.createdAt).toList()),
+        );
+      },
+    );
   });
 }