Okay, let's start building the foundation for your Cameroonian Recipe App. We'll begin with the project setup, basic models, and the home screen structure displaying mock recipe data. name: cameroonian_recipes_app description: A Flutter application for Cameroonian and international recipes. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.6 # Use the latest stable version provider: ^6.0.5 # For state management (optional for now, but good practice) cached_network_image: ^3.3.0 # For efficient image loading video_player: ^2.7.2 # For video playback # Add other dependencies here as needed (e.g., for payments, AI) dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true # To add assets to your application, add an assets section, like this: # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see # https://flutter.dev/assets-and-images/#resolution-aware # For details regarding adding assets from package dependencies, see # https://flutter.dev/assets-and-images/#from-packages # To add custom fonts to your application, add a fonts section here, # in this "flutter" section. Each entry in this list should have a # "family" key with the font family name, and a "fonts" key with a # list giving the asset and other descriptors for the font. For # example: # fonts: # - family: Schyler # fonts: # - asset: fonts/Schyler-Regular.ttf # - asset: fonts/Schyler-Italic.ttf # style: italic # - family: Trajan Pro # fonts: # - asset: fonts/TrajanPro.ttf # - asset: fonts/TrajanPro_Bold.ttf # weight: 700 # # For details regarding fonts from package dependencies, # see https://flutter.dev/custom-fonts/#from-packages import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'screens/home/home_screen.dart'; import 'providers/recipe_provider.dart'; // We'll create this import 'providers/auth_provider.dart'; // We'll create this void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { // Use MultiProvider to provide multiple objects down the widget tree return MultiProvider( providers: [ ChangeNotifierProvider(create: (_) => RecipeProvider()), ChangeNotifierProvider(create: (_) => AuthProvider()), // Add other providers here (e.g., CookingClassProvider) ], child: MaterialApp( title: 'Cameroonian Recipes', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.green), useMaterial3: true, appBarTheme: AppBarTheme( backgroundColor: Colors.green[700], foregroundColor: Colors.white, ), ), home: const HomeScreen(), // Define routes for navigation if needed later // routes: { // RecipeDetailScreen.routeName: (ctx) => const RecipeDetailScreen(), // }, ), ); } } import 'package:flutter/foundation.dart'; // For @required enum RecipeCategory { cameroonian, international } class Recipe { final String id; final String title; final String description; final String imageUrl; final List ingredients; final List instructions; final String? methodology; // Premium only final bool isPremium; final String? videoUrl; // Premium only final RecipeCategory category; final String? region; // Specific to Cameroonian dishes const Recipe({ required this.id, required this.title, required this.description, required this.imageUrl, required this.ingredients, required this.instructions, this.methodology, required this.isPremium, this.videoUrl, required this.category, this.region, }); // Helper to check if premium content is available bool get hasPremiumContent => methodology != null || videoUrl != null; } import 'package:flutter/material.dart'; import '../models/recipe.dart'; // Mock data - Replace with actual data fetching (API, database) later final List _mockRecipes = [ // Cameroonian Recipes Recipe( id: 'c1', title: 'Ndolé', description: 'A flavorful spinach and peanut stew, often served with plantains or miondo.', imageUrl: 'https://via.placeholder.com/300x200.png?text=Ndolé', // Replace with actual image URL ingredients: ['Bitter leaves (Vernonia)', 'Peanuts', 'Shrimp/Beef/Fish', 'Onions', 'Garlic', 'Oil'], instructions: ['Wash bitter leaves thoroughly.', 'Boil peanuts and grind.', 'Sauté onions and garlic.', 'Combine ingredients and simmer.'], isPremium: false, category: RecipeCategory.cameroonian, region: 'Littoral', ), Recipe( id: 'c2', title: 'Poulet DG', description: 'Chicken Director General - a festive dish with chicken, plantains, and vegetables.', imageUrl: 'https://via.placeholder.com/300x200.png?text=Poulet+DG', // Replace with actual image URL ingredients: ['Chicken pieces', 'Ripe plantains', 'Carrots', 'Green beans', 'Tomatoes', 'Onions', 'Bell peppers'], instructions: ['Fry chicken pieces.', 'Fry plantains.', 'Sauté vegetables.', 'Combine all ingredients and simmer in tomato sauce.'], isPremium: true, methodology: 'Detailed steps on achieving the perfect sauce consistency and plantain texture.', videoUrl: 'https://videos.pexels.com/video-files/3209828/3209828-sd_640_360_30fps.mp4', // Example video URL category: RecipeCategory.cameroonian, region: 'Centre/West', ), Recipe( id: 'c3', title: 'Eru', description: 'A popular dish from the Southwest region made with Gnetum africanum leaves.', imageUrl: 'https://via.placeholder.com/300x200.png?text=Eru', // Replace with actual image URL ingredients: ['Eru (Gnetum africanum)', 'Waterleaf or Spinach', 'Smoked fish/Beef/Cow skin (Kanda)', 'Palm oil', 'Crayfish'], instructions: ['Wash and chop leaves.', 'Boil meat/fish until tender.', 'Add leaves, palm oil, crayfish and simmer.'], isPremium: false, category: RecipeCategory.cameroonian, region: 'Southwest', ), // International Recipes Recipe( id: 'i1', title: 'Spaghetti Bolognese', description: 'Classic Italian pasta dish with a rich meat sauce.', imageUrl: 'https://via.placeholder.com/300x200.png?text=Spaghetti', // Replace with actual image URL ingredients: ['Spaghetti', 'Ground beef', 'Tomato paste', 'Onions', 'Garlic', 'Carrots', 'Celery', 'Red wine (optional)'], instructions: ['Brown the ground beef.', 'Sauté vegetables.', 'Add tomato paste and wine.', 'Simmer sauce.', 'Cook spaghetti and serve with sauce.'], isPremium: false, category: RecipeCategory.international, ), Recipe( id: 'i2', title: 'Chicken Tikka Masala', description: 'Creamy and flavorful Indian curry with marinated chicken.', imageUrl: 'https://via.placeholder.com/300x200.png?text=Tikka+Masala', // Replace with actual image URL ingredients: ['Chicken breast', 'Yogurt', 'Tikka masala spice blend', 'Tomato sauce', 'Cream', 'Onions', 'Garlic', 'Ginger'], instructions: ['Marinate chicken in yogurt and spices.', 'Grill or pan-fry chicken.', 'Make the sauce with onions, garlic, ginger, tomato, and cream.', 'Combine chicken and sauce.'], isPremium: true, methodology: 'Techniques for tender chicken and balancing the creamy sauce.', videoUrl: 'https://videos.pexels.com/video-files/5764219/5764219-sd_640_360_25fps.mp4', // Example video URL category: RecipeCategory.international, ), ]; class RecipeProvider with ChangeNotifier { // In a real app, fetch this data from an API or local database final List _recipes = _mockRecipes; List get recipes => [..._recipes]; // Return a copy List get cameroonianRecipes => _recipes.where((recipe) => recipe.category == RecipeCategory.cameroonian).toList(); List get internationalRecipes => _recipes.where((recipe) => recipe.category == RecipeCategory.international).toList(); Recipe findById(String id) { return _recipes.firstWhere((recipe) => recipe.id == id); } // Add methods for adding, updating, deleting recipes if needed } import 'package:flutter/material.dart'; // Simple mock authentication provider // In a real app, this would handle login, user data, and payment status checks class AuthProvider with ChangeNotifier { bool _isUserPremium = false; // Simulate user payment status bool get isUserPremium => _isUserPremium; // Simulate purchasing premium access void purchasePremium() { _isUserPremium = true; notifyListeners(); debugPrint("User upgraded to Premium!"); } // Simulate downgrading or subscription expiry void downgradePremium() { _isUserPremium = false; notifyListeners(); debugPrint("User downgraded from Premium."); } // In a real app, you'd have methods like: // Future login(String email, String password) async { ... } // Future signup(String email, String password) async { ... } // Future logout() async { ... } // Future checkPaymentStatus() async { ... } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../providers/recipe_provider.dart'; import '../../models/recipe.dart'; import 'widgets/recipe_card.dart'; // We'll create this widget class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { // Access the recipe data using Provider final recipeProvider = Provider.of(context, listen: false); final cameroonianRecipes = recipeProvider.cameroonianRecipes; final internationalRecipes = recipeProvider.internationalRecipes; return Scaffold( appBar: AppBar( title: const Text('Cameroonian Recipes'), // Add actions like search or filter if needed ), body: ListView( // Use ListView to scroll through different sections children: [ _buildSectionTitle('Cameroonian Dishes'), _buildRecipeList(cameroonianRecipes), const SizedBox(height: 16.0), // Spacing between sections _buildSectionTitle('International Meals'), _buildRecipeList(internationalRecipes), const SizedBox(height: 16.0), // Add placeholder for Cooking Classes section later _buildSectionTitle('Cooking Classes (Coming Soon)'), Padding( padding: const EdgeInsets.all(16.0), child: Text( 'Book lessons and learn from experts!', style: Theme.of(context).textTheme.bodyMedium, ), ), // Add placeholder for AI Assistant later _buildSectionTitle('AI Cooking Assistant (Coming Soon)'), Padding( padding: const EdgeInsets.all(16.0), child: Text( 'Get step-by-step guidance while you cook!', style: Theme.of(context).textTheme.bodyMedium, ), ), ], ), ); } Widget _buildSectionTitle(String title) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0), child: Text( title, style: const TextStyle( fontSize: 20.0, fontWeight: FontWeight.bold, // color: Colors.green[800], ), ), ); } Widget _buildRecipeList(List recipes) { // Use a horizontal ListView for recipe cards within each section return SizedBox( height: 250, // Adjust height as needed for RecipeCard size child: ListView.builder( padding: const EdgeInsets.symmetric(horizontal: 12.0), // Padding for the list scrollDirection: Axis.horizontal, itemCount: recipes.length, itemBuilder: (context, index) { return RecipeCard(recipe: recipes[index]); }, ), ); /* Or use a GridView: return GridView.builder( shrinkWrap: true, // Important inside a ListView physics: const NeverScrollableScrollPhysics(), // Disable grid scrolling padding: const EdgeInsets.all(10.0), itemCount: recipes.length, gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, // Number of columns childAspectRatio: 3 / 2.5, // Adjust aspect ratio crossAxisSpacing: 10, mainAxisSpacing: 10, ), itemBuilder: (ctx, i) => RecipeCard(recipe: recipes[i]), ); */ } } import 'package:flutter/material.dart'; import 'package:cached_network_image/cached_network_image.dart'; import '../../../models/recipe.dart'; import '../../../widgets/premium_icon.dart'; // We'll create this import '../../recipe_detail/recipe_detail_screen.dart'; // We'll create this class RecipeCard extends StatelessWidget { final Recipe recipe; const RecipeCard({required this.recipe, super.key}); void _selectRecipe(BuildContext context) { Navigator.of(context).push( MaterialPageRoute( builder: (_) => RecipeDetailScreen(recipe: recipe), ), ); // Or using named routes: // Navigator.of(context).pushNamed( // RecipeDetailScreen.routeName, // arguments: recipe.id, // Pass ID if fetching details on the detail screen // ); } @override Widget build(BuildContext context) { return InkWell( onTap: () => _selectRecipe(context), splashColor: Theme.of(context).primaryColor.withOpacity(0.3), borderRadius: BorderRadius.circular(15), child: Card( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(15), ), elevation: 4, margin: const EdgeInsets.symmetric(horizontal: 4.0, vertical: 8.0), // Margin around the card child: SizedBox( width: 180, // Fixed width for horizontal list cards child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, // Make children fill width children: [ Expanded( // Allow image to take available vertical space flex: 3, // Give more space to the image child: Stack( children: [ ClipRRect( borderRadius: const BorderRadius.only( topLeft: Radius.circular(15), topRight: Radius.circular(15), ), child: CachedNetworkImage( imageUrl: recipe.imageUrl, placeholder: (context, url) => const Center(child: CircularProgressIndicator()), errorWidget: (context, url, error) => const Icon(Icons.error), height: double.infinity, // Take full height of Expanded width: double.infinity, // Take full width fit: BoxFit.cover, ), ), if (recipe.isPremium) const Positioned( top: 8, right: 8, child: PremiumIcon(size: 24), // Use the PremiumIcon widget ), ], ), ), Expanded( // Allow text to take remaining space flex: 2, // Give less space to the text child: Padding( padding: const EdgeInsets.all(10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, // Center text vertically children: [ Text( recipe.title, style: Theme.of(context).textTheme.titleMedium?.copyWith( fontWeight: FontWeight.bold, ), maxLines: 1, overflow: TextOverflow.ellipsis, ), const SizedBox(height: 4), Text( recipe.description, style: Theme.of(context).textTheme.bodySmall, maxLines: 2, overflow: TextOverflow.ellipsis, ), ], ), ), ), ], ), ), ), ); } } import 'package:flutter/material.dart'; class PremiumIcon extends StatelessWidget { final double size; final Color color; const PremiumIcon({ this.size = 20.0, this.color = Colors.amber, // Gold-like color super.key, }); @override Widget build(BuildContext context) { return Container( padding: const EdgeInsets.all(2), decoration: BoxDecoration( color: color.withOpacity(0.2), // Slight background shape: BoxShape.circle, ), child: Icon( Icons.star, // Or Icons.workspace_premium, Icons.monetization_on size: size, color: color, shadows: [ // Add a subtle shadow for better visibility Shadow( blurRadius: 4.0, color: Colors.black.withOpacity(0.5), offset: const Offset(1.0, 1.0), ), ], ), ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:video_player/video_player.dart'; // Import video player import '../../models/recipe.dart'; import '../../providers/auth_provider.dart'; import '../../widgets/premium_icon.dart'; import 'widgets/ingredient_list.dart'; // We'll create this import 'widgets/instruction_step.dart'; // We'll create this import 'widgets/premium_content_overlay.dart'; // We'll create this class RecipeDetailScreen extends StatefulWidget { // If using named routes, use: static const routeName = '/recipe-detail'; final Recipe recipe; const RecipeDetailScreen({required this.recipe, super.key}); @override State createState() => _RecipeDetailScreenState(); } class _RecipeDetailScreenState extends State { VideoPlayerController? _videoController; Future? _initializeVideoPlayerFuture; bool _showPremiumContent = false; @override void initState() { super.initState(); // Check initial premium status final authProvider = Provider.of(context, read: false); _showPremiumContent = !widget.recipe.isPremium || authProvider.isUserPremium; // Initialize video controller only if it's a premium recipe with a video URL // and the user has access (or it's not premium anyway) if (_showPremiumContent && widget.recipe.videoUrl != null) { _initializeVideoController(); } } void _initializeVideoController() { if (widget.recipe.videoUrl == null) return; // ignore: deprecated_member_use _videoController = VideoPlayerController.network(widget.recipe.videoUrl!); _initializeVideoPlayerFuture = _videoController!.initialize().then((_) { // Ensure the first frame is shown after the video is initialized setState(() {}); }).catchError((error) { // Handle video loading errors debugPrint("Error initializing video player: $error"); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Could not load video: ${error.toString()}')), ); _videoController = null; // Reset controller on error }); _videoController?.setLooping(true); // Optional: Loop the video } @override void dispose() { // Ensure disposing of the VideoPlayerController to free up resources. _videoController?.dispose(); super.dispose(); } void _handlePremiumAccess() { // In a real app, this would trigger the payment flow // For now, we simulate granting access via the AuthProvider final authProvider = Provider.of(context, read: false); authProvider.purchasePremium(); // Simulate successful payment // Update the state to show premium content and initialize video if needed setState(() { _showPremiumContent = true; if (widget.recipe.videoUrl != null && _videoController == null) { _initializeVideoController(); } }); ScaffoldMessenger.of(context).showSnackBar( const SnackBar( content: Text('Premium access granted!'), backgroundColor: Colors.green, ), ); } @override Widget build(BuildContext context) { // Listen to changes in AuthProvider to potentially unlock content later final authProvider = Provider.of(context); // Recalculate access based on current provider state _showPremiumContent = !widget.recipe.isPremium || authProvider.isUserPremium; // Re-initialize video if access was granted after initial build if (_showPremiumContent && widget.recipe.videoUrl != null && _videoController == null && _initializeVideoPlayerFuture == null) { WidgetsBinding.instance.addPostFrameCallback((_) { if (mounted) { // Ensure widget is still in the tree _initializeVideoController(); setState(() {}); // Trigger rebuild to show player } }); } return Scaffold( appBar: AppBar( title: Text(widget.recipe.title), actions: [ if (widget.recipe.isPremium) const Padding( padding: EdgeInsets.only(right: 16.0), child: PremiumIcon(size: 24), ), // Simulate premium purchase for testing if (widget.recipe.isPremium && !authProvider.isUserPremium) IconButton( icon: const Icon(Icons.lock_open), tooltip: 'Simulate Purchase', onPressed: _handlePremiumAccess, ), // Simulate downgrade for testing if (authProvider.isUserPremium) IconButton( icon: const Icon(Icons.money_off), tooltip: 'Simulate Downgrade', onPressed: () { authProvider.downgradePremium(); setState(() { _showPremiumContent = false; _videoController?.pause(); // Stop video if access removed }); }, ), ], ), body: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Hero( // Optional: Animate image transition from RecipeCard tag: widget.recipe.id, // Use a unique tag, like the recipe ID child: CachedNetworkImage( imageUrl: widget.recipe.imageUrl, placeholder: (context, url) => Container( height: 250, color: Colors.grey[300], child: const Center(child: CircularProgressIndicator()), ), errorWidget: (context, url, error) => Container( height: 250, color: Colors.grey[300], child: const Center(child: Icon(Icons.error, color: Colors.red)), ), height: 250, width: double.infinity, fit: BoxFit.cover, ), ), Padding( padding: const EdgeInsets.all(16.0), child: Text( widget.recipe.title, style: Theme.of(context).textTheme.headlineMedium?.copyWith(fontWeight: FontWeight.bold), textAlign: TextAlign.center, ), ), Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0), child: Text( widget.recipe.description, style: Theme.of(context).textTheme.bodyMedium, textAlign: TextAlign.center, ), ), const SizedBox(height: 10), _buildSectionTitle(context, 'Ingredients'), IngredientList(ingredients: widget.recipe.ingredients), // Use dedicated widget _buildSectionTitle(context, 'Instructions'), InstructionStepList(instructions: widget.recipe.instructions), // Use dedicated widget // --- Premium Content Section --- if (widget.recipe.isPremium && widget.recipe.hasPremiumContent) Stack( children: [ Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ if (widget.recipe.methodology != null) ...[ _buildSectionTitle(context, 'Methodology'), Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0), child: Text( _showPremiumContent ? widget.recipe.methodology! : 'Detailed methodology available for premium users.', style: TextStyle( color: _showPremiumContent ? null : Colors.grey, fontStyle: _showPremiumContent ? FontStyle.normal : FontStyle.italic, ), ), ), ], if (widget.recipe.videoUrl != null) ...[ _buildSectionTitle(context, 'Video Guide'), if (_showPremiumContent) _buildVideoPlayer() else Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0), child: Text( 'Video guide available for premium users.', style: TextStyle( color: Colors.grey, fontStyle: FontStyle.italic, ), ), ), ], ], ), // Overlay if content is locked if (!_showPremiumContent) Positioned.fill( child: PremiumContentOverlay( onUnlock: _handlePremiumAccess, ), ), ], ), const SizedBox(height: 20), // Bottom padding ], ), ), ); } Widget _buildSectionTitle(BuildContext context, String title) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0), child: Text( title, style: Theme.of(context).textTheme.titleLarge?.copyWith( fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), ); } Widget _buildVideoPlayer() { // Check if the controller is initialized or initialization is in progress if (_videoController != null && _initializeVideoPlayerFuture != null) { return FutureBuilder( future: _initializeVideoPlayerFuture, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done && _videoController!.value.isInitialized) { // If the VideoPlayerController has finished initialization, use // the data it provides to limit the aspect ratio of the video. return Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0), child: Column( children: [ AspectRatio( aspectRatio: _videoController!.value.aspectRatio, // Use the VideoPlayer widget to display the video. child: VideoPlayer(_videoController!), ), VideoProgressIndicator(_videoController!, allowScrubbing: true), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ IconButton( icon: Icon( _videoController!.value.isPlaying ? Icons.pause : Icons.play_arrow, ), onPressed: () { // Wrap the play or pause in a call to `setState`. This ensures the // correct icon is shown. setState(() { // If the video is playing, pause it. if (_videoController!.value.isPlaying) { _videoController!.pause(); } else { // If the video is paused, play it. _videoController!.play(); } }); }, ), ], ) ], ), ); } else if (snapshot.hasError) { // Display error message if initialization failed return Padding( padding: const EdgeInsets.all(16.0), child: Center(child: Text("Error loading video: ${snapshot.error}")), ); } else { // Otherwise, display a loading indicator. return const Padding( padding: EdgeInsets.all(16.0), child: Center(child: CircularProgressIndicator()), ); } }, ); } else { // If the controller is null (e.g., no video URL or access denied initially) return const SizedBox.shrink(); // Return an empty widget } } } import 'package:flutter/material.dart'; class IngredientList extends StatelessWidget { final List ingredients; const IngredientList({required this.ingredients, super.key}); @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: ingredients.map((ingredient) => Padding( padding: const EdgeInsets.symmetric(vertical: 4.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Padding( padding: EdgeInsets.only(right: 8.0, top: 4.0), // Adjust alignment child: Icon(Icons.check_box_outline_blank, size: 16.0, color: Colors.green), ), Expanded(child: Text(ingredient)), ], ), )).toList(), ), ); } } import 'package:flutter/material.dart'; class InstructionStepList extends StatelessWidget { final List instructions; const InstructionStepList({required this.instructions, super.key}); @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0), child: ListView.builder( shrinkWrap: true, // Important inside SingleChildScrollView physics: const NeverScrollableScrollPhysics(), // Disable nested scrolling itemCount: instructions.length, itemBuilder: (context, index) { return Padding( padding: const EdgeInsets.symmetric(vertical: 8.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ CircleAvatar( radius: 12, backgroundColor: Theme.of(context).colorScheme.primary, child: Text( '${index + 1}', style: const TextStyle(fontSize: 12, color: Colors.white), ), ), const SizedBox(width: 12), Expanded( child: Text( instructions[index], style: Theme.of(context).textTheme.bodyLarge, ), ), ], ), ); }, ), ); } } import 'package:flutter/material.dart'; import 'dart:ui'; // For ImageFilter.blur class PremiumContentOverlay extends StatelessWidget { final VoidCallback onUnlock; const PremiumContentOverlay({required this.onUnlock, super.key}); @override Widget build(BuildContext context) { return ClipRect( // Clip the blur effect child: BackdropFilter( filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0), child: Container( color: Colors.black.withOpacity(0.5), // Semi-transparent overlay child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( Icons.lock_outline, size: 60, color: Colors.white.withOpacity(0.8), ), const SizedBox(height: 16), Text( 'Premium Content', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, color: Colors.white.withOpacity(0.9), ), ), const SizedBox(height: 8), Padding( padding: const EdgeInsets.symmetric(horizontal: 32.0), child: Text( 'Unlock detailed methodology and video guides by purchasing premium access.', textAlign: TextAlign.center, style: TextStyle( color: Colors.white.withOpacity(0.8), ), ), ), const SizedBox(height: 24), ElevatedButton.icon( onPressed: onUnlock, icon: const Icon(Icons.lock_open), label: const Text('Unlock Now'), style: ElevatedButton.styleFrom( foregroundColor: Colors.white, backgroundColor: Theme.of(context).colorScheme.primary, // Text color padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 12), textStyle: const TextStyle(fontSize: 16), ), ), ], ), ), ), ), ); } } // Placeholder for Cooking Class model class CookingClass { final String id; final String title; final String description; final String instructor; final DateTime dateTime; final double price; final String videoUrl; // Video recipe for the class final String imageUrl; CookingClass({ required this.id, required this.title, required this.description, required this.instructor, required this.dateTime, required this.price, required this.videoUrl, required this.imageUrl, }); } // This file could contain functions to fetch data from an API // For now, the mock data is directly in the RecipeProvider // Example structure: /* import 'dart:convert'; import 'package:http/http.dart' as http; import '../models/recipe.dart'; class RecipeService { final String _baseUrl = 'YOUR_API_ENDPOINT_HERE'; // Replace with your actual API URL Future> fetchRecipes() async { try { final response = await http.get(Uri.parse('$_baseUrl/recipes')); if (response.statusCode == 200) { List data = json.decode(response.body); // Assuming your API returns a list of recipe objects return data.map((json) => Recipe.fromJson(json)).toList(); // Need a Recipe.fromJson constructor } else { // Handle server errors throw Exception('Failed to load recipes (Status code: ${response.statusCode})'); } } catch (e) { // Handle network errors or other exceptions throw Exception('Failed to load recipes: $e'); } } Future fetchRecipeById(String id) async { try { final response = await http.get(Uri.parse('$_baseUrl/recipes/$id')); if (response.statusCode == 200) { dynamic data = json.decode(response.body); return Recipe.fromJson(data); // Need a Recipe.fromJson constructor } else { throw Exception('Failed to load recipe $id (Status code: ${response.statusCode})'); } } catch (e) { throw Exception('Failed to load recipe $id: $e'); } } } // Add a fromJson factory constructor to your Recipe model: // factory Recipe.fromJson(Map json) { // return Recipe( // id: json['id'], // title: json['title'], // description: json['description'], // imageUrl: json['imageUrl'], // ingredients: List.from(json['ingredients']), // instructions: List.from(json['instructions']), // methodology: json['methodology'], // isPremium: json['isPremium'], // videoUrl: json['videoUrl'], // category: RecipeCategory.values.firstWhere((e) => e.toString() == 'RecipeCategory.${json['category']}'), // region: json['region'], // ); // } */ // Placeholder for fetching cooking class data // Similar structure to RecipeService, using an API endpoint // for cooking classes. // Placeholder for payment integration (Stripe, PayPal, in-app purchases) // This would involve platform-specific SDKs or packages. // Placeholder for AI Assistant integration // This could involve APIs like OpenAI's GPT, Google Gemini, etc. // or on-device models. import 'package:flutter/material.dart'; // Placeholder screen class CookingClassListScreen extends StatelessWidget { const CookingClassListScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Cooking Classes'), ), body: const Center( child: Text('Cooking class list will be displayed here.'), ), ); } } import 'package:flutter/material.dart'; import '../../models/cooking_class.dart'; // Assuming you have this model // Placeholder screen class CookingClassDetailScreen extends StatelessWidget { // final CookingClass cookingClass; // Pass class data here // const CookingClassDetailScreen({required this.cookingClass, super.key}); const CookingClassDetailScreen({super.key}); // Temporary constructor @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Class Details'), // Should use class title ), body: const Center( child: Text('Details about the selected cooking class, booking options, and video access will be here.'), ), ); } } This sets up the basic structure: 1. **`pubspec.yaml`**: Includes necessary packages like `provider`, `cached_network_image`, and `video_player`. 2. **`main.dart`**: Initializes the app, sets up `MultiProvider` for state management (`RecipeProvider`, `AuthProvider`), defines the theme, and sets `HomeScreen` as the initial route. 3. **Models (`recipe.dart`, `cooking_class.dart`)**: Defines the data structure for recipes and a placeholder for cooking classes. 4. **Providers (`recipe_provider.dart`, `auth_provider.dart`)**: Manages recipe data (currently mock data) and simulates user authentication/premium status. 5. **Screens (`home_screen.dart`, `recipe_detail_screen.dart`, placeholders for cooking class screens)**: * `HomeScreen`: Displays recipes fetched from `RecipeProvider`, separated into Cameroonian and International sections using `RecipeCard` widgets in horizontal lists. Includes placeholders for future sections. * `RecipeDetailScreen`: Shows detailed information for a selected recipe. It handles displaying basic info, ingredients, instructions, and conditionally shows/hides premium content (methodology, video) based on `recipe.isPremium` and the `AuthProvider` state. Includes a basic video player and an overlay for locked content. 6. **Widgets (`recipe_card.dart`, `premium_icon.dart`, `ingredient_list.dart`, `instruction_step.dart`, `premium_content_overlay.dart`)**: Reusable UI components for displaying recipe cards, premium indicators, ingredients, instructions, and the lock overlay. 7. **Services (placeholders)**: Empty files outlining where API calls, payment logic, and AI integration would reside. Next steps would involve: * Implementing the actual data fetching from a backend API instead of using mock data. * Building out the Cooking Class section screens and functionality. * Integrating a real payment system. * Developing the AI Assistant feature. * Adding user authentication (login/signup). * Refining the UI/UX.