https://github.com/avinandanbose/crud_project_flutter

A CRUD PROJECT BASED ON FLUTTER
https://github.com/avinandanbose/crud_project_flutter

android dart firebase firebase-auth firebase-database firebase-firestore firebase-realtime-database firebase-storage firestore firestore-collection firestore-database firestore-firestore firestore-flutter firestore-models flutter flutter-app flutter-apps flutter-examples flutter-ui flutter-web

Last synced: 24 days ago
JSON representation

A CRUD PROJECT BASED ON FLUTTER

• Host: GitHub
• URL: https://github.com/avinandanbose/crud_project_flutter
• Owner: AvinandanBose
• License: mit
• Created: 2022-10-10T14:28:21.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-31T11:07:46.000Z (about 2 years ago)
• Last Synced: 2023-03-05T19:23:27.178Z (almost 2 years ago)
• Topics: android, dart, firebase, firebase-auth, firebase-database, firebase-firestore, firebase-realtime-database, firebase-storage, firestore, firestore-collection, firestore-database, firestore-firestore, firestore-flutter, firestore-models, flutter, flutter-app, flutter-apps, flutter-examples, flutter-ui, flutter-web
• Homepage:
• Size: 62.5 KB
• Stars: 20
• Watchers: 2
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CRUD_PROJECT_FLUTTER

A CRUD PROJECT BASED ON FLUTTER

 A.FILE PICKER WIDGET 





 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.

 

  

 











 B.CRUD PROJECT (With Table Widget) 

  


    
 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) .

 



  

 C.CRUD PROJECT (With Data 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)  .

 



 


 Extras 

 


 


  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) .