setup GoogleFonts

compass_app/app/devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

compass_app/app/lib/common/themes/text_styles.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+// Note: original Figma file uses Nikkei Maru
+// which is not available on GoogleFonts
+final cardTitleStyle = GoogleFonts.anton(
+  textStyle: const TextStyle(
+    fontWeight: FontWeight.w800,
+    fontSize: 15.0,
+    color: Colors.white,
+    letterSpacing: 1,
+  ),
+);

compass_app/app/lib/features/results/presentation/result_card.dart

@@ -1,3 +1,4 @@
+import 'package:compass_app/common/themes/text_styles.dart';
 import 'package:compass_app/features/results/business/model/destination.dart';
 import 'package:flutter/material.dart';
 
@@ -13,9 +14,36 @@ class ResultCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return ClipRRect(
       borderRadius: BorderRadius.circular(10.0),
-      child: Image.network(
-        destination.imageUrl,
-        fit: BoxFit.fitHeight,
+      // TODO: Improve image loading and caching
+      child: Stack(
+        fit: StackFit.expand,
+        children: [
+          Image.network(
+            destination.imageUrl,
+            fit: BoxFit.fitHeight,
+          ),
+          Positioned(
+            bottom: 12.0,
+            left: 12.0,
+            right: 12.0,
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  destination.name.toUpperCase(),
+                  style: cardTitleStyle,
+                ),
+                Wrap(
+                  direction: Axis.horizontal,
+                  children: destination.tags
+                      .map((e) => Chip(label: Text(e)))
+                      .toList(),
+                ),
+              ],
+            ),
+          )
+        ],
       ),
     );
   }

compass_app/app/macos/Flutter/GeneratedPluginRegistrant.swift

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

compass_app/app/pubspec.yaml

@@ -10,6 +10,7 @@ dependencies:
   flutter:
     sdk: flutter
   go_router: ^14.2.0
+  google_fonts: ^6.2.1
   provider: ^6.1.2
 
 dev_dependencies: