Add InspirationScreen to display counting ideas and integrate with HomeScreen

Author: TechAurelian

lib/screens/home_screen.dart

@@ -17,6 +17,7 @@ import '../utils/utils.dart';
 import '../widgets/accept_cancel_dialog.dart';
 import '../widgets/counter_display.dart';
 import '../widgets/counters_drawer.dart';
+import 'inspiration_screen.dart';
 import 'settings_screen.dart';
 
 /// Overflow menu items enumeration.
@@ -142,6 +143,14 @@ class _HomeScreenState extends State<HomeScreen> {
     return AppBar(
       title: Text(_counters.current.name),
       actions: <Widget>[
+        IconButton(
+          icon: const Icon(Icons.lightbulb_outline),
+          tooltip: 'Inspiration',
+          onPressed: () => utils.navigateToScreen(
+            context,
+            InspirationScreen(counter: _counters.current),
+          ),
+        ),
         PopupMenuButton<MenuAction>(
           onSelected: popupMenuSelection,
           itemBuilder: _buildMenuItems,

lib/screens/inspiration_screen.dart

@@ -0,0 +1,106 @@
+// Copyright 2020-2025 The Hello World Writer. All rights reserved.
+// https://www.thehelloworldwriter.com
+//
+// Use of this source code is governed by an MIT-style license
+// that can be found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+import '../data/counter_ideas.dart';
+import '../models/counter.dart';
+import '../utils/utils.dart';
+
+/// Screen that displays inspiration ideas for counting with a specific counter color.
+class InspirationScreen extends StatelessWidget {
+  const InspirationScreen({required this.counter, super.key});
+
+  final Counter counter;
+
+  @override
+  Widget build(BuildContext context) {
+    final List<String> ideas = counterIdeas[counter.type] ?? [];
+    final Color counterColor = counter.color;
+    final Color textColor = counterColor.contrastOf();
+    final String colorName = counter.type.name[0].toUpperCase() + counter.type.name.substring(1);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('$colorName Inspiration'),
+        backgroundColor: counterColor,
+        foregroundColor: textColor,
+        iconTheme: IconThemeData(color: textColor),
+      ),
+      body: ideas.isEmpty ? _buildEmptyState(colorName) : _buildIdeasList(ideas, counterColor),
+    );
+  }
+
+  /// Builds the empty state when no ideas are available.
+  Widget _buildEmptyState(String colorName) {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(32.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.lightbulb_outline,
+              size: 64,
+              color: Colors.grey[400],
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'No inspiration ideas yet for $colorName.',
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 18,
+                color: Colors.grey[600],
+              ),
+            ),
+            const SizedBox(height: 8),
+            Text(
+              'Use this counter for anything you\'d like!',
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 16,
+                color: Colors.grey[500],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Builds the list of counting ideas.
+  Widget _buildIdeasList(List<String> ideas, Color counterColor) {
+    return ListView(
+      padding: const EdgeInsets.symmetric(vertical: 16),
+      children: [
+        // Header text
+        Padding(
+          padding: const EdgeInsets.fromLTRB(16, 8, 16, 16),
+          child: Text(
+            'Running out of ideas? Try counting these:',
+            style: TextStyle(
+              fontSize: 14,
+              color: Colors.grey[600],
+              fontStyle: FontStyle.italic,
+            ),
+          ),
+        ),
+        // Ideas list
+        ...ideas.map(
+          (idea) => ListTile(
+            leading: Icon(
+              Icons.circle,
+              size: 12,
+              color: counterColor,
+            ),
+            title: Text(idea),
+            visualDensity: VisualDensity.comfortable,
+          ),
+        ),
+      ],
+    );
+  }
+}