Chapter 4: Technical Design and Architecture

Architecture Overview

  • Frontend: Flutter

  • Backend: Firebase (Firestore, Supabase, Storage, Cloud Messaging)

  • Local Storage: Shared Preferences


Key Components

  • Authentication: Firebase Auth (Supported with Google and Facebook)

  • Database: Firestore (for users, courses, Q&A, messages)

  • Storage: Supabase Sotrage for uploading materials (PDFs, videos, links)


System Flow

  1. User logs in (student/professor).

  2. Depending on role:

  • Student: Applies to courses → Views course group → Interacts with materials/Q&A/chat.

  • Professor: Creates courses → Manages materials and interactions.

Last updated