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 16:00] – [Detailed Guidelines for creating Mobile App using Flutter] 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]] your OS: Flutter Installation Guide.+  * 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.   * 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 74: 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 120: Line 138:
   * Git: [[https://git-scm.com/doc | Git Documentation]]   * Git: [[https://git-scm.com/doc | Git Documentation]]
   * Github Guides: [[https://docs.github.com/en/rest/guides | GitHub Guides]]   * Github Guides: [[https://docs.github.com/en/rest/guides | GitHub Guides]]
-  * Testing in Flutter: [[https://docs.flutter.dev/testing/plugins-in-tests | Flutter Tests]]+  * Testing in Flutter: [[https://docs.flutter.dev/testing/testing-plugins | Flutter Tests]]
  
  
Line 208: Line 226:
  
 **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.
 +
 +===== Submission Requirements =====
 +  * Public Github Repository for the App
 +  * Demo Video of App
  
 ===== Good Luck with your Green Coding Hacathon 😊 ===== ===== 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!