A-Complete-Guide-To-Flutter

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #go #golang #android #rust #deep-learning #linux #macos #vue #pytorch #openai

A-Complete-Guide-To-Flutter

(★ 79)

This repo contains all the small snippets related to Flutter Apps. Most of the projects/apps are deployed on Flutter Web using GitHub Actions CI Pipeline.

A-Complete-Guide-To-Flutter 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Image](https://raw.githubusercontent.com/irahulcse/A-Complete-Guide-To-Flutter/master/assets/banner.png)

# Complete-Guide-To-Flutter(Mini Apps) :boom:
![](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)
![](https://img.shields.io/github/last-commit/irahulcse/A-Complete-Guide-To-Flutter.svg?label=last%20update&style=flat)
[![GitHub stars](https://img.shields.io/github/stars/irahulcse/A-Complete-Guide-To-Flutter.svg?style=social&label=Star)](https://github.com/irahulcse/A-Complete-Guide-To-Flutter) [![GitHub forks](https://img.shields.io/github/forks/irahulcse/A-Complete-Guide-To-Flutter.svg?style=social&label=Fork)](https://github.com/irahulcse/A-Complete-Guide-To-Flutter/fork)
[![GitHub watchers](https://img.shields.io/github/watchers/irahulcse/A-Complete-Guide-To-Flutter.svg?style=social&label=Watch)](https://github.com/irahulcse/A-Complete-Guide-To-Flutter)
[![GitHub followers](https://img.shields.io/github/followers/irahulcse.svg?style=social&label=Follow)](https://github.com/irahulcse/A-Complete-Guide-To-Flutter) [![Twitter Followers](https://img.shields.io/twitter/follow/1rahulchandra1.svg?style=social)](https://twitter.com/1rahulchandra1)
![](https://img.shields.io/github/repo-size/irahulcse/A-Complete-Guide-To-Flutter.svg?label=Repo%20size&style=flat-square)&nbsp;        
        
        
        
All the Mini Apps coded in Dart Language and live working project hosted on GitHub using the Flutter Mobile Developement UI Tool Kit. Working project can be found on the given below  links.

**Vision and Mission:** To make learning easier for the students for Flutter related development. For other technology(like Docker, Django etc.), other tutorials plus additional snippets and shorter posts can be found on the [repo](https://github.com/Solido/awesome-flutter).
### Show some love :heart: and star the repo to support the project

If you had like the project pls consider giving the star :star: icon on the top right corner of the Project .

### Project Created by:

**Rahul Chandra:**
A Computer Science Engineering graduated in 2021, currently working as SDE 1 FrontEnd Engineer with a stealth startup who is going to disrupt the content with commerce market in future. Experice of working with multiple startups in Android, React, DevOps work environment. Seasoned Competative Coder. Skilled in C++, Python, Data Analysis, Java, Dart and Julia. Always learning, growing and evolving.

**I am currently looking for Full Time/ Internship Offer for any Software Development Roles. Pls, checkout my [Resume](https://drive.google.com/file/d/1BYZcHo9SGrI5h10fxFbtqPLz86ni_VnR/view?usp=sharing)**.  I am very passionated about Software Development :heart:

### Quick Note:
**As the size of this particular repo had increased considerably, so I had not included Banner for each project given below. Sorry, but lots of my friends are from remote areas and I think we need to think about the Data Connection Problem issues for them even. Thanks guy for understanding and supporting it 🙏🙏🙏🙏🙏🙏🙏**

### Working GIFS:
<img src="image/chatapplication.gif" height="300em" /><img src="https://github.com/irahulcse/Rovers_Guide_Fluter/blob/master/images/rovers.gif" height="300em" width="180em" /><img src="https://github.com/irahulcse/Sound_View_App_Flutter/blob/master/images/report.gif" height="300em" width="180em" /><img src="https://github.com/irahulcse/Flutter_Shop_App_Tutorial/blob/master/images/rovers.gif" height="300em" width="300em" /><img src="https://github.com/irahulcse/Calculator_App_Flutter/blob/master/images/rovers.gif" height="300em" width="300em" /><img src="https://github.com/irahulcse/Portfolio_Card_Generator_Flutter/blob/master/images/1.png" height="350em" width="250em" /><img src="https://github.com/irahulcse/Dice_App_Flutter/blob/master/images/1.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Telegram_Ui_Flutter/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Bottom_Sheet_Tutorial/blob/master/assets/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Mortage_Payment_1_Beta/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Web_Firebase_Authentication/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_PDF_Viewer/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Quotes_App_Firebase/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Web_Sign_In_Google_And_Anonymous/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Bloc_Pattern/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter-ReadIt-Application/blob/beta-release/image/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter-Verticle-Page-Slider/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter-Movies-App-using-Json/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter-Swiggy-Application-UI/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Flutter_Pokemon_App/blob/master/images/rovers.gif" height="350em" width="250em" /><img src="https://github.com/irahulcse/Tensorflow-Dog-Cat-Classifier-using-Flutter/blob/master/images/rovers.gif" height="450em" width="250em" /><img src="https://github.com/irahulcse/Tensorflow-Flower-Classifier-using-Flutter/blob/master/images/rovers.gif" height="450em" width="250em" /><img src="https://github.com/irahulcse/Tensorflow_Fruits_Classifier_using_Flutter/blob/master/images/rovers.gif" height="450em" width="250em" />

### Live Working Project:

#### 57 - Flutter-Stock Market-Predictions:

Created the Flutter Stock Market Prediction using the TradingView API's.

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Stock-Market-Prediction)**

#### 56 - Tensorflow-Fruits-Classifier-using-Flutter:

Created a Fruits Classifier which can be used to create the model which can be used to find the difference between them.

#### Unique Features of the Application:
* [✅] Used Kaggle Dataset of different fruits.
* [✅] Tensorflow Lite had been used to do the classification.
* [✅] Trained the data on more than 50000  images of different fruits.
* [✅] Average Accuracy is around 85%.

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Tensorflow_Fruits_Classifier_using_Flutter)**

#### 55 - Tensorflow-Flower-Classifier-using-Flutter:

Created a Flower Classifier which can be used to create the model which can be used to find the difference between them.

#### Unique Features of the Application:
* [✅] Used Kaggle Dataset of different flowers.
* [✅] Tensorflow Lite had been used to do the classification.
* [✅] Trained the data on more than 10000 images of different flowers.
* [✅] Average Accuracy is around 92%.

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Tensorflow-Flower-Classifier-using-Flutter)**

#### 54 - Tensorflow Lite-Dog-Cat-Classifier-using-Flutter:

Created an Dog v/s Cat Classifer using Tensorflow in Flutter, to check the cat v/s dogs.

#### Unique Features of the Application:
* [✅] Used Kaggle Dataset of Cat/Dogs.
* [✅] Tensorflow Lite had been used to do the classification.
* [✅] Used around more than 2000 image each for Dog and Cat .
* [✅] Prediction percentage is overall 90%.

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Tensorflow-Dog-Cat-Classifier-using-Flutter)**

#### 53 - Flutter Pokemon Application:

Flutter Pokemon Application is a very intutive and nice UI and JSON based Application in this we are basically fetching ther result from the JSON File to create UI.

#### Unique Features of the Application:
* [✅]Widgets created for the UI are like as Card, Hero, Animation, Positioned.
* [✅] Parsed the data using **JSON Decode** which helped to bring the data from the API in the form of List.
* [✅]Map is an data structure which is used for passing it through the function.
* [✅] Live Working Project
* [✅] Widgets used like ListTile, ListView Builder, Center, Text and Circle Avatar Widgets
      
Everything is working quite fine and intutive.

**Deployed Link :point_right: [link](https://irahulcse.github.io/Flutter_Pokemon_App/)**

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Pokemon_App)**

#### 52 - Flutter Swiggy Application UI:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Food-App-UI)**

**Living Working Project can be found here :point_right: [link](https://irahulcse.github.io/Flutter-Swiggy-Application-UI/#/)**

#### 51 - Flutter Movie App Using JSON:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Movies-App-using-Json)**

**Live Working of the Project:**[link](https://irahulcse.github.io/Flutter-Movies-App-using-Json/),

#### 50 - Flutter Vertical Page Slider:

**Source Code of Project :point_right: [link](http://github.com/irahulcse/Flutter-Verticle-Page-Slider)**

#### 49 - Flutter Food App UI:

Flutter Food App UI is a project which is created to test the different animations options. It had used basic widgets like Column, Row and Expanded Widget and some Animations widgets are bundled with it.

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Food-App-UI)**

#### 48 - Flutter NewsAPI.org:

Flutter NewsAPI is a project which is created to fetch the data from the NewsAPI.org and listing it using the Cached Network Image, HTTP and WebView Flutter plugins, so that we will be able to create a News Application in a limited amount of time.

dependencies:
      flutter:
        sdk: flutter
      cached_network_image: ^2.2.0+1
      http: ^0.12.1
      webview_flutter: ^0.3.22+1
      
Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_News_App_Org)**

#### 47- Flutter Web Sign In  Anomously App:

Integerated Firebase Authentication and tested using the Flutter Web. Easy to integerate and work with it.

cloud_firestore: ^0.13.6
    flutter_screenutil: ^1.1.0
    random_color: ^1.0.5
    google_fonts: ^1.1.0

**This is an Flutter based Mobile Application, so nothing had been created till now.**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Flutter_Web_Sign_In_Google_And_Anonymous)**

#### 46 - Flutter_Integerated_Square_Payment_Gateway :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Integerated_Square_Payment_Gateway)**

#### 45 - Flutter-UI-Amazon-Clone-with-Integerated-Payment-Gateway :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-UI-Amazon-Clone-with-Integerated-Payment-Gateway)**

#### 44 - Flutter-Startup-Name-Generator :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Startup-Name-Generator)**

#### 43 -  Flutter-UI-Web-Newyork-Times:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-UI-Web-Newyork-Times)**

#### 42 - Flutter Native-Application-with-Google-Maps-Integeration:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Native-Application-with-Google-Maps-Integeration)**

#### 41 - Flutter Notes-App-For-Mobile-App-using-Hive-Database:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Notes-App-For-Mobile-App-using-Hive-Database)**

#### 40 - Flutter Quiz_Application_Flutter:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Quiz_Application_Flutter)**

#### 39 - Flutter Whatsapp_UI_Clone_Flutter:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Whatsapp_UI_Clone_Flutter)**

#### 38 - Flutter Dynamic_Theme_Enabled_Flutter :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Dynamic_Theme_Enabled_Flutter)**

#### 37 - Flutter Chat_Application_Flutter:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Chat_Application_Flutter)**

#### 36 - Flutter save_recipes:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/save_recipes)**

#### 35 - Flutter Covid_19_Flutter_App :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Covid_19_Flutter_App)**

#### 34 - Flutter FriendChat Application :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/FriendChat_App_Flutter)**

#### 33 - Flutter Instagroot Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Instagroot_App_Flutter)**

#### 32 - Flutter Food Application :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Food-App)**

#### 31 - Flutter RxDart GitHub Search API :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Rx_Dart_Github_Search_Api)**

#### 30 - Flutter Chyker Foods Applictation:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Chyker-Food-s-App)**

#### 29 - Flutter Instagram Shared Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Instagram-Share)**

#### 28 - Flutter Adobe XD:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Adobe_XD)**

#### 27 - Flutter Widgets Online Project :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Widgets)**

#### 26 - Flutter Quotes Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Quotes-App)**

#### 25 - Flutter Doctor Consultation Application :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Doctor-Consultation-App)**

#### 24 - Flutter Bloc Pattern Weather Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter-Bloc-Pattern-Weather-App)**

#### 23 - Flutter Bloc Pattern :

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Bloc_Pattern)**

#### 22 - Flutter All In One Book Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/All_In_One_Flutter_Book)**

#### 21 - Flutter TikTok UI Applciation:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_TikTok_Ui)**

#### 20 - Flutter Fetch Questions using Python:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Facelabs-Fetch-Questions-Python)**

#### 019 - Flutter Connection with JSON based Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Connecting_With_JSON)**

#### 018 - Flutter Material Page Route Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Material_Page_Route)**

#### 16 - Flutter Miles to Kilometre Application:

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Miles_To_Kilometers_Converter)**

#### 15 - Flutter Bloc Pattermn App:

Bloc Pattern and Mobx Management App are the different State Management which can be used to create states. BLoC pattern was conceived to allow the reuse of the very same code independently of the platform: web application, mobile application, back-end. So yeah, this pattern was developed aiming to ease the workload on developers end while developing apps for a different platform with the idea of code reusability. Watch the video below to get more insight on the baby steps set by BLoC.

**This is an Flutter based Mobile Application, so nothing had been created till now.**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Flutter_Bloc_Pattern)**

#### 14 - Flutter Firebase Quote's App:

This App is basically created to learn about widgets like Expanded etc. The plugins used are mentioned below pls have a look to it.

cloud_firestore: ^0.13.6
    flutter_screenutil: ^1.1.0
    random_color: ^1.0.5k
    google_fonts: ^1.1.0

**This is an Flutter based Mobile Application, so nothing had been created till now.**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Flutter_Quotes_App_Firebase)**

#### 13 - Flutter_PDF_Viewer:

In this application, basically I had used the Flutter Plugin related to the PDF and Files. The name of the different Plugins are as follows:

file_picker: ^1.9.0+1
    flutter_full_pdf_viewer: ^1.0.6
    flutter_plugin_pdf_viewer: ^1.0.7

Flutter Plugin PDF Viewer, gives us the hands on functionalites to see and scroll through the PDF, so that we can easily access it.

**Deployed Link :point_right: [link](https://irahulcse.github.io/Flutter_PDF_Viewer/#/)**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Flutter_PDF_Viewer)**

#### 12 - Flutter_Web_Firebase_Authentication:

After so much hectic, I am succesfully able to integerate the Firebase Auth in Flutter Web. This is still in beta phase.

The best part is that all the functionalities are working properly, this is just the prototype version of the Flutter Web Firebase Authentication. More to be updated in the future.

The article which I had referred can be found on this [link]().

Everything is working quite fine and intutive.

**Source Code of Project :point_right: [link](https://github.com/irahulcse/Flutter_Web_Firebase_Authentication)**

**Deployed Link :point_right: [link](https://irahulcse.github.io/Flutter_Web_Firebase_Authentication/#/)**

#### 11 - Flutter_Mortage_Payment_App_1_Beta:

In this App, I had learnt about how to keep the minimalistic design and change the overall colour and design, which can be further used for the good UI concepts.

The App can be used for finding the interest rate about a particular Principal on the given Interest Rate and given time period.

**Deployed Link :point_right: [link](https://irahulcse.github.io/Mortage_Payment_1_Beta/#/)**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Mortage_Payment_1_Beta)**

#### 10 - Flutter_Bottom_Sheet_Tutorial :

**Deployed Link :point_right: [link](https://irahulcse.github.io/Flutter_Bottom_Sheet_Tutorial/#/)**

**Source Code Of Project :point_right: [link](https://github.com/irahulcse/Flutter_Bottom_Sheet_Tutorial)**

Learnt about the Modal Sheets and Bottom sheets and how they are different from each other.