Chat - Challenges #

Profile #

Add functionality, so a user can update their profile.

You can find hints in Build a User Management App with Flutter tutorial.

See also Bonus: Profile photos

Photo chat #

One Picture is Worth a Thousand Words

Convert the app so you can chat by sending photos. Similar to the ghost-icon app.

See Storage Quickstart before you proceed.

1. Add a “type” field to messages table that can have values “text”, “photo”.
   • Use Supabase built-in AI to help you generate SQL to change the schema.
2. Take pictures with camera plugin like you did in the photos app.
3. Upload images to a storage bucket.
4. Change ChatCubit.sendMessage to save message with “type” field set to “photo” and “content” field set to the file path for uploaded photo.

Also, see Storage Access Control

Presence #

Indicate which users are currently online using the Presence feature of Supabase.

And Now for Something Completely Different #

Are you bored? Do you want to play games on your phone instead?

Follow How to build a real-time multiplayer game with Flutter Flame.

Assets are found here.

Remove response == ChannelResponse.rateLimited && from the while loop in _GamePageState.