Skip to content

7. Prj 3: Supabase & MVP

In this lab, you’ll connect your app’s UI to real data using Supabase and implement your MVP.

7.1 Preparation

  • 📌 Read, understand and prepare (not implement), how to use SupaBase

  • 🧰 Design and implement all app screens in FlutterFlow, including layout, navigation, styling, app data, and logic—excluding only Supabase integration and interactions.

  • 🧰 Set up a Supabase project for your team.

7.2 During the Lab

  • We discuss your questions.
  • You create a database diagram (ERD) based on your app's data needs.
  • You set up your Supabase database, including tables, columns, and relations.
  • You insert example data to test your app.
  • You implement basic CRUD operations (Create, Read, Update, Delete) using Supabase in FlutterFlow.
  • You bind your screens to your supabase data.
  • You create and assign issues in your GitLab repository to finalize your project.

7.3 After the Lab

  • 🧰 Complete your MVP: a functional version of your app with real data and working features.
  • 🧰 Add Accessibility, Localization (de/en) and Walkthroughs.
  • 🧰 Complete your documentation
    • Add screenshots of your app data and database structure.
    • Add screenshots of complicated FlutterFlow scripts.
    • Add screenshots of your FlutterFlow screens and explain why and how they differ from your Figma prototype.
    • Add a reflection of your work.
  • Prepare the next lab: Prj 4: Final Presentation & Video