Skip to main content

Make Recipe App in 5 Minute using AI

Make Recipe App in 5 Minute using AI


Step 1 : Go to chatgpt.com, write prompt "Make an Recipe App in flutter" then chatgpt will give you code in flutter. 

Step 2 : Create flutter project and copy code from chatgpt and paste in

 main.dart 

import 'package:flutter/material.dart';

void main() {
  runApp(RecipeApp());
}

class RecipeApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Recipe App',
      theme: ThemeData(
        primarySwatch: Colors.green,
      ),
      home: RecipeListScreen(),
    );
  }
}

class RecipeListScreen extends StatelessWidget {
  final List<Recipe> recipes = [
    Recipe(
        title: 'Spaghetti Bolognese',
        description: 'A classic Italian pasta dish.',
        imageUrl: 'https://img.taste.com.au/qauY2Lmp/w643-h428-cfill-q90/taste/2016/11/spaghetti-bolognese-106560-1.jpeg',
        ingredients: ['Spaghetti', 'Ground beef', 'Tomato sauce'],
        steps: ['Boil spaghetti', 'Cook beef', 'Mix with sauce']),
    Recipe(
        title: 'Chicken Curry',
        description: 'A spicy and savory dish.',
        imageUrl: 'https://t4.ftcdn.net/jpg/10/10/55/81/360_F_1010558143_EFcq6VlfoAbiOkVCNsLeHw4bVoTduzno.jpg',
        ingredients: ['Chicken', 'Curry powder', 'Coconut milk'],
        steps: ['Cook chicken', 'Add curry powder', 'Mix in coconut milk']),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Recipes'),
      ),
      body: ListView.builder(
        itemCount: recipes.length,
        itemBuilder: (context, index) {
          final recipe = recipes[index];
          return Card(
            child: ListTile(
              leading: Image.network(recipe.imageUrl),
              title: Text(recipe.title),
              subtitle: Text(recipe.description),
              onTap: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => RecipeDetailScreen(recipe: recipe),
                  ),
                );
              },
            ),
          );
        },
      ),
    );
  }
}

class RecipeDetailScreen extends StatelessWidget {
  final Recipe recipe;

  RecipeDetailScreen({required this.recipe});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(recipe.title),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Image.network(recipe.imageUrl,width: 100,),
            SizedBox(height: 16),
            Text('Ingredients:',
                style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
            ...recipe.ingredients.map((ingredient) => Text('- $ingredient')),
            SizedBox(height: 16),
            Text('Steps:',
                style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
            ...recipe.steps.map((step) => Text('- $step')),
          ],
        ),
      ),
    );
  }
}

class Recipe {
  final String title;
  final String description;
  final String imageUrl;
  final List<String> ingredients;
  final List<String> steps;

  Recipe({
    required this.title,
    required this.description,
    required this.imageUrl,
    required this.ingredients,
    required this.steps,
  });
}

Step 3 - Run code then you will get output 


Labels:

Comments

Post a Comment

Popular posts from this blog

agora live streaming flutter

https://docs.agora.io/en/agora-chat/restful-api/user-system-registration?platform=flutter https://docs.agora.io/en/agora-chat/restful-api/chatroom-management/manage-chatrooms?platform=flutter https://stackoverflow.com/questions/75666504/how-to-generate-an-app-token-for-agora-chat https://stackoverflow.com/questions/61595787/flutter-how-can-i-create-an-incoming-call-notification?rq=4 https://stackoverflow.com/questions/70031266/flutter-incoming-video-audio-call-notification-using-agora https://stackoverflow.com/questions/61460809/video-call-acceptance-screen-with-agora-flutter https://stackoverflow.com/questions/70031266/flutter-incoming-video-audio-call-notification-using-agora https://www.flutterant.com/flutter-video-calling-by-agora-sdk/ https://medium.com/flutter/executing-dart-in-the-background-with-flutter-plugins-and-geofencing-2b3e40a1a124 https://medium.com/@Ayush_b58/flutter-callkit-handle-actions-in-the-killed-state-e6f296c603e6 https://stackoverflow.com/questions/61460809/vi...
Post a Comment
Read more

method channel JavaScript flutter

 method channel JavaScript  flutter   flutter plugin :  https://pub.dev/packages/webview_flutter Step 1 - HTML CODE  <! DOCTYPE html > < html > < head >   < title > Thanks for your order! </ title >   < link rel = "stylesheet" href = "css/style.css" >   < script src = "js/client.js" defer ></ script >   < meta name = "viewport" content = "width=device-width, initial-scale=1" > </ head > < body > </ body > < script type = 'text/javascript' > function postMessage (){   var data = {         message : "Response from web" ,         sender : "user123" ,         timestamp : new Date (). toISOString ()     };     var jsonData = JSON . stringify ( data );     setTimeout ( function () {         PayResponse . postMessage ( jsonData );   ...
Post a Comment
Read more

FFmpeg resources

FFmpeg is a set of open source libraries that allow you to record, convert digital audio and video recordings in various formats. It includes libavcodec, a library for encoding and decoding audio and video, and libavformat, a library for multiplexing and demultiplexing into a media container. The name comes from the name of the MPEG and FF expert group, meaning fast forward. FFmpeg is already built into the program and does not require downloading additional codecs. The conversion takes place directly on the device (the Internet is not required), and the conversion speed depends on the processor speed of the device. Supports: MPEG4, h265, h264, mp3, 3gp, aac, ogg (vorbis and theora), opus, vp8, vp9 and many other formats (you will find the list in the app). Requirements: Android 4.4 and the availability of the processor ARMv7, ARMv8, x86, x86_64. FFmpeg with x264, x265, ogg, vorbis, theora, opus, vp8, vp9, mp3lame, libxvid, libfdk_aac, libvo_amrwbenc, libopencore-amr, speex, libsox, li...
Post a Comment
Read more