feat: add Flutter web frontend with authentication and recipe management features

2026-04-21 21:29:47 +02:00
parent 2acf66e4c4
commit 3996456f6f
19 changed files with 460 additions and 0 deletions
@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../data/recipe_providers.dart';
+
+class RecipesScreen extends ConsumerWidget {
+  const RecipesScreen({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final recipesAsync = ref.watch(recipesProvider);
+    return Scaffold(
+      appBar: AppBar(title: const Text('Recept')),
+      body: recipesAsync.when(
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (e, _) => Center(child: Text('Fel: $e')),
+        data: (recipes) => ListView.builder(
+          itemCount: recipes.length,
+          itemBuilder: (context, index) {
+            final recipe = recipes[index];
+            return ListTile(
+              leading: recipe.imageUrl != null
+                  ? Image.network(recipe.imageUrl!, width: 56, fit: BoxFit.cover)
+                  : const Icon(Icons.restaurant),
+              title: Text(recipe.title),
+              subtitle: recipe.description != null
+                  ? Text(
+                      recipe.description!,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    )
+                  : null,
+            );
+          },
+        ),
+      ),
+    );
+  }
+}