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.
If you had like the project pls consider giving the star β icon on the top right corner of the Project .
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. I am very passionated about Software Development β€οΈ
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 πππππππ
Created the Flutter Stock Market Prediction using the TradingView API's.
Everything is working quite fine and intutive.
Source Code of Project π link
Created a Fruits Classifier which can be used to create the model which can be used to find the difference between them.
- [β ] 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 π link
Created a Flower Classifier which can be used to create the model which can be used to find the difference between them.
- [β ] 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 π link
Created an Dog v/s Cat Classifer using Tensorflow in Flutter, to check the cat v/s dogs.
- [β ] 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 π link
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.
- [β ]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 π link
Source Code of Project π link
Source Code of Project π link
Living Working Project can be found here π link
Source Code of Project π link
Live Working of the Project:link,
Source Code of Project π link
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 π link
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 π link
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 π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
Source Code of Project π link
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 π link
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 π link
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 π link
Source Code Of Project π link
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 π link
Deployed Link π link
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 π link
Source Code Of Project π link
Deployed Link π link
Source Code Of Project π link
Learnt about the Modal Sheets and Bottom sheets and how they are different from each other.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
Created Telegram User Interface in Flutter using the widgets like ListTile, ListView and different builders like the ListView Builder Seperator and also used the other widgets like CircleAvator, Text widgets for UI etc.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Learnt from- The App Brewery Course: Course Link is π link.
Deployed Link π link
Source Code Of Project π link
Dice App Flutter is the project, in which I had learnt about Expanded , Flat Button and how to differentiate betweeen the Stateful and Stateless widget properties with each other. I had also got to know about the Math properties related to dart. I had used the rohan() function to automate the task of generating the random numbers and changing the picture.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
In this Porfolio App, I had learnt about the different widgets like List Tile, Card and how to use Safe Area for keeping the App's UI clean and beautiful.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
In this Calculator App, I had learnt about the different Flutter States and also implemented different Themes in it. I had also worked upon the different Text Editing Controller options like TextInputFormatters etc.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
Flutter Shop's Application is the simple application which is used to learn the Grid View Builder and also the how to refer the learning.
It is a basic project which is used to learn about the widget's.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
Sound View App Flutter is the project in which I had integerated the Audio Player which can be further used to the click on the Emoji Icon's.
It is a basic project which is used to play the .mp3 files.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link π link
Source Code Of Project π link
Rover's Guide is my Pre-Final Year Computer Science Engineering Project. The more is needed to be done in this project. Discussed more detailed in the below repo link. Source Code can be found with proper documentation on this link.
If you found, it interesting pls β this repo. It will motivated me to work more hard.
Deployed Link:point_right: link
This is the basic project in which I had created the simple application by learning from MTECH VIRAL'S VIDEO. Source Code can be found with proper documentation on this link.
In this tutorial we break down the UI into Flutter Widgets, complete our layout and then tweak to get our final design to match our screenshots.
All my brothers and sister, it is very important to understand that we are here to learn and excel in our professional life. So it's not really important from where we learn the stuff either from Youtube, Medium etc. If any one of you had some great website to share. Pls open an issue. I am looking forward to create the one of the Biggest Repository On Flutter, so that any one can learn from it.
You can follow the below workflow, if you are new to Git.
- Fork the main A-Complete-Guide-To-Flutter
- Clone this repo on your machine
- Add the main repo as "upstream"
git remote add upstream https://github.com/irahulcse/A-Complete-Guide-To-Flutter
- Get the latest version of the project
git fetch upstream
git checkout master
git pull upstream master
- Create a new branch starting from that newly updated main branch, and link it to your GitHub fork.
git checkout -b MyNewIssue
git push --set-upstream origin MyNewIssue
- Make your changes, commit them, and push them to your fork
- make changes
git commit -a
- write a good commit message
git push
When there have been changes in the main repo that you want to get, the cleanest option is often to rebase your branch on top of the latest commits.
- Get the latest commits and update your local master branch
git fetch upstream
git checkout master
git pull upstream master
- Rebase your in-progress feature branch
git checkout MyInProgressFeature
git rebase master
git push -f
- Make sure there isn't any work that you care about losing
- Do a hard reset to the branch you want to restart from.
git checkout MyMessedUpBranch
git reset --hard upstream/master
- Find and copy the commit ID that you want to use
- Cherry-pick that commit
git checkout MyCleanBranch
git cherry-pick COMMIT_ID
For help getting started with Flutter, view our online documentation.
Please clone and star this repo to stay up to date on changes. If anyone, would like to contribute to it. You can open the issue and start contributing to it.
Copyright (c) 2022 Rahul Chandra
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.