Social Media App

Screenshots

Login	Login Error	Sign up

Edit Profile	Filled Edit Profile	Profile

Getting Started

To run this Project you’ll need an account on the Supbase.

1. After creating an account run below query from the Supabase SQL editor to create required table.

-- Create a table for Profiles
create table if not exists profiles (
  id uuid references auth.users on delete cascade not null,
  updated_at timestamp with time zone,
  created_at timestamp with time zone,
  user_name text unique,
  email text unique,
  name text,
  avatar_url text,
  website text,
  about text,

  primary key (id),
  unique(user_name),
  unique(email)
);

alter table profiles enable row level security;

create policy "Public profiles are viewable by everyone."
  on profiles for select
  using ( true );

create policy "Users can insert their own profile."
  on profiles for insert
  with check ( auth.role() = 'anon' );

create policy "Users can update own profile."
  on profiles for update
  using ( auth.uid() = id );

-- Set up Realtime!
begin;
  drop publication if exists supabase_realtime;
  create publication supabase_realtime;
commit;
alter publication supabase_realtime add table profiles;

-- Set up Storage!
insert into storage.buckets (id, name)
values ('avatars', 'avatars');

create policy "Avatar images are publicly accessible."
  on storage.objects for select
  using ( bucket_id = 'avatars' );

create policy "Anyone can upload an avatar."
  on storage.objects for insert
  with check ( bucket_id = 'avatars' );

create policy "Anyone can update an avatar."
  on storage.objects for update
  with check ( bucket_id = 'avatars' );

2. Go to Authentication => settings and make sure Disable email confirmations is Active or Enabled.

3. After successfully running above query get the Base url and Base key and pass it to the command line args. while running flutter app.

flutte run --dart-define=BASE_URL=supabase_base_url --dart-define=BASE_KEY=supabase_base_key

That’s it! You’ll be able to run this app, Ping me if you stuck on any step.

Let’s create an open source alternative of the social media apps out there together.

Generating files

• flutter pub run build_runner build

If code generation fails, consider running it with the flag --delete-conflicting-outputs

Download Social Media App source code on GitHub

Flutterappworld

Provides the list of the opensource Flutter apps collection with GitHub repository.