meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:tech:mfrontend:start [2024/05/21 15:32] – created sharjeel_193ixc2024:tech:mfrontend:start [2024/05/27 22:01] (current) – arsh
Line 14: Line 14:
  
 5. Criteria for Green Coding 5. Criteria for Green Coding
 +
 +6. [[ixc2024:tech:tools:green-tools| Green Tools]] - Green Tools
 +
 +7. [[ixc2024:tech:tools:measurement-rubrics| Measurement Rubrics]] - Measurement Rubrics
  
 ==== Why Flutter ? ==== ==== Why Flutter ? ====
Line 37: Line 41:
  
 Android Studio or Visual Studio Code Android Studio or Visual Studio Code
 +
 +
 +===== Prerequisites =====
 +
 +Before going to any further, we highly recommend watching this tutorial if you are new to flutter
 +
 +Flutter Beginner Course: https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
 +
  
 ===== Detailed Guidelines for creating Mobile App using Flutter ===== ===== Detailed Guidelines for creating Mobile App using Flutter =====
Line 45: Line 57:
  
 **Guidelines:** **Guidelines:**
 +  * Install Flutter: Ensure Flutter SDK is installed on your machine. Follow the [[https://docs.flutter.dev/get-started/install|Installation Guide]] for your OS
 +  * Setup IDE: Use Android Studio or Visual Studio Code with the Flutter and Dart plugins installed.
  
-Install Flutter: Ensure Flutter SDK is installed on your machine. Follow the [[https://docs.flutter.dev/get-started/install|Installation Guide]] your OS: Flutter Installation Guide. 
-Setup IDE: Use Android Studio or Visual Studio Code with the Flutter and Dart plugins installed. 
  
 **Resources:** **Resources:**
 +  * Flutter Setup Youtube: https://youtu.be/KdO9B_CZmzo?si=uz89OfwogCivcklI
 +  * Flutter PDF Tutorial [[https://www.tutorialspoint.com/flutter/flutter_tutorial.pdf | PDF Doc ]]
 +  * Flutter & Dart Crash Course: https://youtu.be/CzRQ9mnmh44?si=ZM2gaDSGM1rqlCGH
   * Flutter Documentation: [[https://docs.flutter.dev/get-started/install | Getting Started]]   * Flutter Documentation: [[https://docs.flutter.dev/get-started/install | Getting Started]]
-  * Flutter YouTube Channel: [[https://www.youtube.com/c/flutterdev | Flutter Channel]]+  * Flutter YouTube Channel: [[https://www.youtube.com/c/flutterdev | Flutter Channel]]  
  
 === 2. User Interface Design === === 2. User Interface Design ===
Line 75: Line 91:
 **Resources:** **Resources:**
   * State Management: [[https://docs.flutter.dev/data-and-backend/state-mgmt/simple | Managing State]]   * State Management: [[https://docs.flutter.dev/data-and-backend/state-mgmt/simple | Managing State]]
 +  * Provider: [[https://pub.dev/packages/provider | Provider Docs]]
 **Efficient practices for State Management:** **Efficient practices for State Management:**
-  * State Management Best Practices: [[https://medium.com/@flutterdynasty/mastering-state-management-in-flutter-a-comprehensive-guide-7a0b6131312a | Mastring Style Management]]+  * State Management Best Practices: [[https://medium.com/@flutterdynasty/mastering-state-management-in-flutter-a-comprehensive-guide-7a0b6131312a | Mastering State Management]]
 === 4. Networking and Data Handling === === 4. Networking and Data Handling ===
  
Line 96: Line 113:
   * Cloud Messaging: Implement Firebase Cloud Messaging (FCM) for push notifications.   * Cloud Messaging: Implement Firebase Cloud Messaging (FCM) for push notifications.
 **Resources:** **Resources:**
-  * Firebase: [[Firebase for Flutter | https://docs.flutter.dev/data-and-backend/firebase]]+  * Firebase: [[https://docs.flutter.dev/data-and-backend/firebase | Firebase for Flutter]]
   * Real-Time Database: [[https://firebase.google.com/docs/database/flutter/start | Using Firebase Realtime Database]]   * Real-Time Database: [[https://firebase.google.com/docs/database/flutter/start | Using Firebase Realtime Database]]
   * Push Notifications: [[https://firebase.flutter.dev/docs/messaging/overview/ | FCM for Flutter]]   * Push Notifications: [[https://firebase.flutter.dev/docs/messaging/overview/ | FCM for Flutter]]
Line 119: Line 136:
   * CI/CD: Setup continuous integration and deployment with GitHub Actions or similar services.   * CI/CD: Setup continuous integration and deployment with GitHub Actions or similar services.
 **Resources:** **Resources:**
-  * [[https://git-scm.com/doc | Git Documentation]] +  * Git: [[https://git-scm.com/doc | Git Documentation]] 
-  * [[GitHub Guides | GitHub Guides]]+  * Github Guides: [[https://docs.github.com/en/rest/guides | GitHub Guides]] 
 +  * Testing in Flutter: [[https://docs.flutter.dev/testing/testing-plugins | Flutter Tests]]
  
  
Line 209: Line 227:
 **Guideline:** Maintain a lean codebase and efficient backend services to ensure that the app runs smoothly without consuming unnecessary resources. **Guideline:** Maintain a lean codebase and efficient backend services to ensure that the app runs smoothly without consuming unnecessary resources.
  
-===== Good Luck with your Green Coding Hacathon =====+===== Submission Requirements ===== 
 +  * Public Github Repository for the App 
 +  * Demo Video of App 
 + 
 +===== Good Luck with your Green Coding Hacathon 😊 =====
 Code the Future: Innovate Today for a Greener Tomorrow! Code the Future: Innovate Today for a Greener Tomorrow!