{"id":6982,"date":"2021-11-08T14:19:49","date_gmt":"2021-11-08T08:49:49","guid":{"rendered":"https:\/\/www.concettolabs.com\/blog\/?p=6982"},"modified":"2023-01-18T06:07:51","modified_gmt":"2023-01-18T06:07:51","slug":"what-is-flutterflow-build-flutter-and-firebase-apps-visually","status":"publish","type":"post","link":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/","title":{"rendered":"What Is FlutterFlow? Build Flutter And Firebase Apps Visually"},"content":{"rendered":"<p>It is a tool that allows you to build mobile apps without writing any code. <strong>FlutterFlow<\/strong> offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy. Besides, users need to be able to create their content, and for that, it also exports the generated flutter code. You can even switch from <a href=\"https:\/\/www.concettolabs.com\/flutter-app-development\" target=\"_blank\" rel=\"nofollow\"><span style=\"text-decoration: underline;\"><strong>FlutterFlow<\/strong><\/span><\/a> to a GitHub repository!<\/p>\n<p>FlutterFlow launched in May, but a crucial new feature was thankfully introduced this month: custom functions. This enables developers to add Dart Code (the Flutter language) to a project by setting features that can take arguments from controlled data.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_use_Flutterflow\"><\/span>How to use Flutterflow?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There is no need to install anything. Use the reassurance of chunky icons and components from simple lists or buttons to AudioPlayer, WebView, VideoPlayer, and Google Map to start a new project in the browser and create a user interface via drag-and-drop. Layout elements control how components such as containers, rows, columns, grids, tabs, and cards get positioned.<\/p>\n<p>Moreover, the user interface is a matter of choosing a component and configuring the attributes of it, including layout options such as colors, fonts, and padding; actions such as navigation or API calls, database query connections, and some other adding animation.<\/p>\n<p>Controls, linked to information, including user authentication, to display query results to manage data access. A preview mode approximately illustrates how the application works at runtime without live data, log-in, or <strong>API requests at the moment<\/strong>. A run mode executes a complete build, but you need to prepare it for several minutes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_can_Flutterflow_build\"><\/span>What can Flutterflow build?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7020 size-full\" title=\"What can Flutterflow build?\" src=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2.png\" alt=\"What can Flutterflow build?\" width=\"1728\" height=\"1144\" srcset=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2.png 1728w, https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2-300x199.png 300w, https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2-1024x678.png 1024w, https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2-768x508.png 768w, https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/11\/c83f63b0-e849-4d06-831b-b80863520ab2-1536x1017.png 1536w\" sizes=\"auto, (max-width: 1728px) 100vw, 1728px\" \/><\/p>\n<ul>\n<li>API Calls, Authentication, Search: FlutterMet.<br \/>\nAn application for the MET Museum catalog to search and browse with its API.<\/li>\n<li>Robin. Do: Firebase, authentication<br \/>\nA basic ToDo software that allows you to create, set, and finish tasks with due dates.<\/li>\n<li><strong>Medical Scheduling App<\/strong> with Authentication, Firebase, and Animations<br \/>\nAn app for planning and seeing upcoming appointments.<\/li>\n<li>Geek Chat: Chat app, authentication.<br \/>\nAn app for chat. In FlutterFlow, you can add a chat feature in minutes.<\/li>\n<\/ul>\n<p>We also had a firm working on COVID vaccination sites, things like <a href=\"https:\/\/www.concettolabs.com\/education-app-development\" target=\"_blank\" rel=\"nofollow\"><span style=\"text-decoration: underline;\"><strong>educational applications<\/strong><\/span><\/a>. Futter Flow grants free access to non-profits. Seeing people building community apps as well. Apps are highly costly to make. The median cost is 100,000 dollars. Therefore, it&#8217;s too expensive to construct a <strong>local community app<\/strong>, but we can reduce costs or enhance productivity.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Pricing_of_Flutterflow\"><\/span>Pricing of Flutterflow.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pricing is free for browser previews; $30 per month for additional code and APK downloads; and $70 per month for customized APIs, GitHub integration, which updates a repository when code gets edited, iOS installation, and <strong>Firebase content management<\/strong>. One codebase supports iOS as well as Android.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Flutter_UI_Builder\"><\/span><a href=\"https:\/\/www.concettolabs.com\/blog\/flutter-portable-ui-framework-for-mobile-web-embedded-and-desktop\/\" target=\"_blank\" rel=\"nofollow\"><span style=\"text-decoration: underline;\">Flutter UI Builder<\/span><\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Flutter is a Google toolkit that lets you develop eye-catching, well-compiled application design from one codebase for the web, mobile, and even desktop.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_build_it\"><\/span>How to build it?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Creation of your flutter environment<\/li>\n<li>Get a flutter environment<\/li>\n<li>Design of the main UI flutter<\/li>\n<li>Add a UI to create messages<\/li>\n<li><strong>Add messages displaying<\/strong> the user interface<\/li>\n<li>Animate<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Integration_with_Firebase\"><\/span>Integration with Firebase<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Enable user authentication, configure your data types, and connect widgets to your <strong>Firebase database without<\/strong> writing any code!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Services_Provided_by_Third_Parties\"><\/span>Services Provided by Third Parties<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Use code-magic for continuous deployment with powerful 3rd party integration and use Algolia to power search.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Final_Words\"><\/span>Final Words<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>FlutterFlow<\/strong> seems to have a Google flavor, not <strong>only because Flutter<\/strong> is a Google project, but because co-founders are former Google engineers, Abel Mengistu and Alex Greaves, but not the Flutter team. It is a very handy application to use. Click on the link given below to get started.<\/p>\n<style>\n      .blog-block-2{background:url(https:\/\/www.concettolabs.com\/blog\/wp-content\/uploads\/2020\/08\/2.png);background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;margin: 0 auto;padding: 43px 60px 80px;text-align: center; }      .blog-block-2 h3{font-size: 40px;color: #fff;line-height: 60px;text-align:center;}      .blog-block-2 h5{font-size: 20px;position: relative;padding: 0 10px;margin-bottom: 50px;text-align:center;color: #fff!important;}      .blog-block-2 h5:after{content:'';position: absolute;top: 10px!important;width: 100px;height: 2px;background-color: #fff;margin-left: 10px;}      .blog-block-2 h5:before{content:'';position: absolute;top: 10px!important;width: 100px;height: 2px;background-color: #fff;margin-left: -110px;}      a.blog-btn-2{padding:10px 30px;background: #fbbf13;color: #fff!important;font-size: 18px;border: 0;cursor: pointer; }      .blog-block-2 b{color: #fbbf13;font-weight: bold;}blog-block a:before{display:none;}.blog-block-2 p{text-align:center;color:#fff!important}<\/style>\n<p>&nbsp;<\/p>\n<div class=\"blog-block-2\">\n<h3><span class=\"ez-toc-section\" id=\"What_Is_FlutterFlow_Build_Flutter_And_Firebase_Apps_Visually\"><\/span>What Is FlutterFlow? <b>Build Flutter And Firebase Apps Visually<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h5>That&#8217;s exactly what we do<\/h5>\n<p><a class=\"blog-btn-2\" href=\"https:\/\/www.concettolabs.com\/inquiry\" target=\"_blank\" rel=\"nofollow\">Contact Us<\/a><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#How_to_use_Flutterflow\" title=\"How to use Flutterflow?\">How to use Flutterflow?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#What_can_Flutterflow_build\" title=\"What can Flutterflow build?\">What can Flutterflow build?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#Pricing_of_Flutterflow\" title=\"Pricing of Flutterflow.\">Pricing of Flutterflow.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#Flutter_UI_Builder\" title=\"Flutter UI Builder\">Flutter UI Builder<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#How_to_build_it\" title=\"How to build it?\">How to build it?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#Integration_with_Firebase\" title=\"Integration with Firebase\">Integration with Firebase<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#Services_Provided_by_Third_Parties\" title=\"Services Provided by Third Parties\">Services Provided by Third Parties<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#Final_Words\" title=\"Final Words\">Final Words<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#What_Is_FlutterFlow_Build_Flutter_And_Firebase_Apps_Visually\" title=\"What Is FlutterFlow? Build Flutter And Firebase Apps Visually\">What Is FlutterFlow? Build Flutter And Firebase Apps Visually<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It is a tool that allows you to build mobile apps without writing any code. FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy. Besides, users need to be able to create their content, and for that, it also exports the generated flutter code. You can [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":7019,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3255],"tags":[2842,2843,2844,2845,2846,2294,2847,2848,2849,2850,2851,2852,2853,2854,2855],"class_list":["post-6982","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app","tag-add-messages-displaying","tag-api-requests-at-the-moment","tag-firebase-content-management","tag-firebase-database-without","tag-firebase-flutter","tag-flutter-app-builder","tag-flutter-builder","tag-flutter-io","tag-flutter-ui-builder","tag-flutterflow","tag-flutterflow-firebase","tag-flutterflow-templates","tag-local-community-app","tag-medical-scheduling-app","tag-only-because-flutter"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What Is FlutterFlow? Build Flutter And Firebase App Visually<\/title>\n<meta name=\"description\" content=\"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is FlutterFlow? Build Flutter And Firebase App Visually\" \/>\n<meta property=\"og:description\" content=\"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/\" \/>\n<meta property=\"og:site_name\" content=\"concettolabs\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-08T08:49:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-18T06:07:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shreya Bhankhar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shreya Bhankhar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/\",\"url\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/\",\"name\":\"What Is FlutterFlow? Build Flutter And Firebase App Visually\",\"isPartOf\":{\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png\",\"datePublished\":\"2021-11-08T08:49:49+00:00\",\"dateModified\":\"2023-01-18T06:07:51+00:00\",\"author\":{\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/7b8ce34f5dbb86312cc65e6f6b5ac61e\"},\"description\":\"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.\",\"breadcrumb\":{\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage\",\"url\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png\",\"contentUrl\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png\",\"width\":1170,\"height\":540,\"caption\":\"Build Flutter\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Is FlutterFlow? Build Flutter And Firebase Apps Visually\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/#website\",\"url\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/\",\"name\":\"concettolabs\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/7b8ce34f5dbb86312cc65e6f6b5ac61e\",\"name\":\"Shreya Bhankhar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2022\/03\/IMG_20201226_180223_Bokeh-scaled-1-96x96.jpeg\",\"contentUrl\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2022\/03\/IMG_20201226_180223_Bokeh-scaled-1-96x96.jpeg\",\"caption\":\"Shreya Bhankhar\"},\"description\":\"Shreya Bhankhar is a Flutter Tech Lead. It's been 5 years since I have working with Mobile Application Development. I love my job and work I do in Flutter Android and Kotlin, I always look for simplest solution for complex issues to ensure easy ness for all.\",\"url\":\"https:\/\/websitelaravel.concettoprojects.com\/blog\/author\/shreya-bhankhar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Is FlutterFlow? Build Flutter And Firebase App Visually","description":"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"What Is FlutterFlow? Build Flutter And Firebase App Visually","og_description":"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.","og_url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/","og_site_name":"concettolabs","article_published_time":"2021-11-08T08:49:49+00:00","article_modified_time":"2023-01-18T06:07:51+00:00","og_image":[{"width":1170,"height":540,"url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png","type":"image\/png"}],"author":"Shreya Bhankhar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shreya Bhankhar","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/","url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/","name":"What Is FlutterFlow? Build Flutter And Firebase App Visually","isPartOf":{"@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage"},"image":{"@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage"},"thumbnailUrl":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png","datePublished":"2021-11-08T08:49:49+00:00","dateModified":"2023-01-18T06:07:51+00:00","author":{"@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/7b8ce34f5dbb86312cc65e6f6b5ac61e"},"description":"What is FlutterFlow? Read more about how FlutterFlow offers a simple drag-and-drop interface that makes building all sorts of apps for iOS and Android easy.","breadcrumb":{"@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#primaryimage","url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png","contentUrl":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2021\/10\/Flutter-Flow.png","width":1170,"height":540,"caption":"Build Flutter"},{"@type":"BreadcrumbList","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/what-is-flutterflow-build-flutter-and-firebase-apps-visually\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitelaravel.concettoprojects.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What Is FlutterFlow? Build Flutter And Firebase Apps Visually"}]},{"@type":"WebSite","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/#website","url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/","name":"concettolabs","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websitelaravel.concettoprojects.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/7b8ce34f5dbb86312cc65e6f6b5ac61e","name":"Shreya Bhankhar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitelaravel.concettoprojects.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2022\/03\/IMG_20201226_180223_Bokeh-scaled-1-96x96.jpeg","contentUrl":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-content\/uploads\/2022\/03\/IMG_20201226_180223_Bokeh-scaled-1-96x96.jpeg","caption":"Shreya Bhankhar"},"description":"Shreya Bhankhar is a Flutter Tech Lead. It's been 5 years since I have working with Mobile Application Development. I love my job and work I do in Flutter Android and Kotlin, I always look for simplest solution for complex issues to ensure easy ness for all.","url":"https:\/\/websitelaravel.concettoprojects.com\/blog\/author\/shreya-bhankhar\/"}]}},"_links":{"self":[{"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/posts\/6982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/comments?post=6982"}],"version-history":[{"count":1,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/posts\/6982\/revisions"}],"predecessor-version":[{"id":8407,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/posts\/6982\/revisions\/8407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/media\/7019"}],"wp:attachment":[{"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/media?parent=6982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/categories?post=6982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websitelaravel.concettoprojects.com\/blog\/wp-json\/wp\/v2\/tags?post=6982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}