Training materials for students to create Fullstack Flutter Firebase applications

Overview

Full-stack app with Flutter and Firebase Workshop

The repository is supposed to be used for the my workshops.

Agenda

  • Part 1

    • Introduction to Flutter & Dart
      • Basics of Dart (All student must be on the same page)
      • Basics of Flutter (All student must be comfortable with Flutter)
        • Stateless vs Stateful widgets
      • Show tips and tricks to speed up the development within a few minutes
    • Creating MJ Coffee app
      • Introduction to Flutter CLI
      • Scaffold the project
      • Add SVG support
      • Adding Google Fonts
      • Adding Navigator (go_router and why to use it)
      • Adding Screen
        • Homepage
          • Adding Assets
          • Adding Texts
          • Adding Buttons
          • Adding onTap action
        • Menu
          • Adding List
          • Adding onTap action to redirect to details page
            • Add Buy button
          • Tips and Tricks
        • Profile
          • Add logout button

  • Part 2

    • Add Firebase
      • Create project in Firebase
      • Setup Firebase for both Android and iOS, possibly (Web)
    • Add Firebase analytics
      • Add FlutterFire Core
      • Add FlutterFire Analytics
      • Explain why Analytics is important
      • Tips and Tricks
    • Securing Flutter
      • Adding authentication to Flutter
      • Adding Firebase Authentication plugin
      • Setup Social buttons

  • Part 3

    • Add FireStore
      • Add Cloud_FireStore plugin
      • Introduction to NoSQL
      • Basic of Cloud_FireStore
      • Add list of coffees to fireStore from firebase dashboard
      • Read List of coffees
        • Introduction to json_serializable
        • Introduction to FutureBuilder and StreamBuilder
      • Write to firebase
        • Implement buy coffee
        • Implement order history
      • Introduction to permission in FireStore
        • securing write and read data

  • Part 4

    • Cloud Functions

      • Write your backend code in the cloud (Serverless)
        • Prepare your project
        • Add your first function
        • Deploy
      • Integrate Cloud function with FireStore
        • Trigger function on certain events
      • Add Cloud Functions intro Flutter
        • call functions from Flutter
    • Cloud Storage

      • Adding Cloud Storage to Flutter
        • Upload photo
        • Read photo

Part 5

  • Cloud messaging
    • Handling push messages
  • In-app messaging
    • handling in-app messages
  • Remote Config
    • Adding Remote config as feature flag feature
  • Adding crashlytics
    • handle crashes and bugs

Part 6

  • Adding Unit tests
    • Introduction to Flutter Test
    • Stubbing and Mocking
  • Adding Widget Tests
    • Introduction to writing widgets test in Flutter
  • Adding Integration test
    • Introduction to integration_test package
  • Firebase Test lab
    • Run Test in the cloud in different devices
You might also like...

Application of Community for students

small_talk An Anonymous Community for Teenage Student Getting Started This project is a starting point for a Flutter application. A few resources to g

Dec 10, 2021

ShareACab: App for sharing cab with college students

ShareACab: App for sharing cab with college students

ShareACab An app for sharing cab with college students Description Usually, after exams or when the mid-sem break begins, there is a large surge of pe

Nov 23, 2022

🔠 an open dictions platform (both students and developers are welcome!)

🔠   an open dictions platform (both students and developers are welcome!)

ROBBIN modern vocabulary leaning app for SAT/GRE students. supported native human languages KOREAN (ko-KR) ENGLISH (en-US) project structure /app - wo

Nov 30, 2022

The app is for notification of notice from teachers for students with alerts.

wce_notice_board A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Sep 24, 2022

A Deep Learning Based Attendance System is a mobile application that aims to make it easier for lecturers to check the attendance status of students which are attending the course.

A Deep Learning Based Attendance System is a mobile application that aims to make it easier for lecturers to check the attendance status of students which are attending the course.

Attendance System / Flutter App A Deep Learning Based Attendance System is a mobile application that aims to make it easier for lecturers to check the

Oct 24, 2022

Apartment4a - An app which will be a one stop solution to all the problems Students are facing these days

Apartment4a - An app which will be a one stop solution to all the problems Students are facing these days

APARTMENT 4A An app which will be a one stop solution to all the problems Studen

Nov 15, 2022

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

GroupChatApp About Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing

Dec 1, 2022

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Flutter Short Videos Platform Short videos platform with Flutter and Firebase. About Real short video app with firebase and pixels API.Where you can c

Dec 26, 2022

A guideline for building scalable Flutter applications.

Scalable flutter app You probably need to read this article before inspecting the repo's code. Building scalable Flutter apps (Architecture, Styling,

Nov 23, 2022
Comments
  • Calling ensureInitialized twice

    Calling ensureInitialized twice

    was it necessary to call this line twice, or was it an oversight?

    https://github.com/mhadaily/fullstack_flutter_firebase_workshop/blob/fc4a6218099f87de89cd8e48101f703f3ce154f3/lib/main.dart#L42

    opened by oravecz 0
Owner
Majid Hajian
Google Developer Expert for Flutter and Dart. Passionate Software Engineer, Author, Public Speaker, and community leader.
Majid Hajian
📓📲 Flutter app for managing study materials in form of photos.

Overview Study Snap is a multi-platform mobile application written with Flutter. Gallery apps are designed for personal everyday photos, kept in timel

Dimitar Petrov 34 Oct 5, 2022
Yoga training app using flutter,This project consist of two Screens.

Yoga Training App Watch it on YouTube Yoga training app using flutter,This proje

null 0 Jan 2, 2022
Amir Khan 47 Jan 8, 2023
This is a Flutter app, made in the purpose to train engineering students

flutter_coffee A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Maher Jaafar 2 Jan 17, 2022
The only first & the last app that made by student and for students!

CarrotMMU The only first & the last app that made by student and for students! ?? Feature lists Timetable Attendance Bulletin annnoucement Pastyear pa

null 6 Mar 16, 2022
IIITB Hogwarts is a project which aims at increasing students' interest in creating projects and giving them a platform to share them with others.

IIITB-Hogwarts This is going to be fun project for our college students. Thinking of bringing Harry Potter style group division into college. This is

Kartik Pant 5 Nov 9, 2022
A student portal for IUB Students

iub_student_companion A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

null 11 Jun 17, 2021
A chat-like app that allows students to exchange chargers given port type and the room it is currently located in.

charger_connect A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Lani 2 Dec 22, 2021
Application that manages the schedule for UPHF students

uphf_edt A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Corentin 3 Sep 28, 2022
An app to help students and teachers connect each other.

korek An app to help students and teachers connect each other. Technologies: Project is created with: React.JS (Typescript) Express (Typescript) Flutt

Bruno Dzięcielski 3 Jan 10, 2022