A CRUD PROJECT BASED ON FLUTTER

Note: File Picker will not work if Android SDK is not v33

1. Android SDK problem

• 1.Go to Flutter SDK extracted location Eg: C:/flutter



• 2.Next go to flutter→packages



• 3.Next go to flutter→packages→tools



• 4.Next go to gradle and open the folder



• 5.Go to flutter.gradle and open it.



• 6.Change compileSDK = 33 . Save and close.



2. Install the file picker from the link: File Picker Package

3. Give or Allow Permission for read and Write

• 1. app/src/debug/AndroidManifest.xml



• 2. app/src/main/AndroidManifest.xml



• 2. app/src/profile/AndroidManifest.xml



4. File Picker Use Case

• A Simple File Picker Use Case

• Storing an Image file in FireStore Storage of Firebase using File Picker

5. Then we can now the commands: A. flutter clean , B. flutter pubget , C. flutter run (Better run in Android Mobile Device making USB debug on)

6. The permission / Rules of FireStore will be:



Note : As Authorized Person only can upload the pictures in the storage file.

7. RadioButton .

• RadioButton UseCase and Setting Doc portion of Firebase.

• Fetching Data using Stream Query Snapshot and Stream Builder.

8. Table .

• An UseCase of Creation of Table in Flutter.

• Fetching Data From Firebase to Table.

• Delete Query to Delete Data From Firebase And Table Simultaneously.

9. CheckBoxes .

• An UseCase of CheckBox in Flutter.

• Inserting Data using CheckBox into Firebase .

• Fetching and Displaying the Inserted Data using CheckBox , Firebase and Flutter .

10. Data Table .

• An UseCase of Data Table in Flutter.

• An UseCase of Using List of Map in Data Table in Flutter.

• Fetching Data in DataTable Widget of Flutter from Firebase.

• Delete Query to Delete Data From Firebase And DataTable in Realtime.

11. Text Form Field(Same for Text Field) .

• An UseCase of Text Form Field in Flutter.

• Inserting Data in FireBase through Text Form Field in Flutter.

• Fetching The Inserted Data from FireBase in Flutter.

12. FutureBuilder

• Future Builder Fetching All the DOCIDS from Firebase.

• Using Future Builder Fetching Image From FireStore Storage.

12. Incrementing Document(User Defined) even if Page reloads from start

• Incrementing Document(User Defined) of FireBase even if Page reloads from start.

1. Parts Of the Project

• 1. Building the Student Details Screen.

• 2. INSERTING DATA INTO FIREBASE(With Snackbar Message).

• 3. Viewing Saved FireBase Data As A TABLE and Fetching Data Individually.

• 4. Edit Individual's Data and Update the Field in Database .

• 5. Delete Data From Firebase Storage and FireStore Database .

• 6. Update Profile Pic .

2. Final Build

👇

• Final BuildCRUD PROJECT (With Table Widget) .

1. Parts Of the Project

• 1. Building the Data Table.

• 2. Insering Photo Url to Firestore DataBase.

• 3. Updating Pic(Profile Pic) In Same Update Page.

• 4. Routes and Named Navigation .

2. Final Build

👇

• Final BuildCRUD PROJECT (With Data Table Widget) .

• Using Stream Builder and ListViewBuilder instead of For Loop .

• Using Map To Create Data Cell In Data Row In Data Table Instead Of For Loop .

• Using Map and Spread Operator To Create List of Widgets Instead Of For Loop to Fetch and View Inserted Data .

• Using Map and Spread Operator To Create List of Widgets Instead Of For Loop to Fetch and View Inserted Data (Type 2 Converting to List by toList() Function) .