1. Log in to the Supabase dashboard.
2. Create a new project by giving it a name, picking a region, and setting up a new database password.
3. Jot down the project URL and the API key. You'll need these for the WebSocket connection.

Use npm or yarn to get the Supabase JS client library installed.

npm install @supabase/supabase-js

# or using yarn
yarn add @supabase/supabase-js

In your JavaScript file, import and set up the Supabase client:

import { createClient } from '@supabase/supabase-js';

const supabaseUrl = 'https://your-supabase-url.supabase.co';
const supabaseKey = 'your-public-anon-key';

const supabase = createClient(supabaseUrl, supabaseKey);

In the Supabase dashboard, turn on "Realtime" for the table you want updates from:

1. Go to the "Database" section on the dashboard.
2. Pick the table you want to enable real-time for.
3. Flip the Realtime switch to "on".

Use the Supabase client to listen for insert, update, and delete events on a specific table:

const mySubscription = supabase
  .from('my_table')
  .on('*', payload => {
    console.log('Change received!', payload);
  })
  .subscribe();

For specific events, you can do:

const myInsertSubscription = supabase
  .from('my_table')
  .on('INSERT', payload => {
    console.log('Insert received!', payload);
  })
  .subscribe();

const myUpdateSubscription = supabase
  .from('my_table')
  .on('UPDATE', payload => {
    console.log('Update received!', payload);
  })
  .subscribe();

const myDeleteSubscription = supabase
  .from('my_table')
  .on('DELETE', payload => {
    console.log('Delete received!', payload);
  })
  .subscribe();

To unsubscribe from events when you don't need them anymore:

supabase.removeSubscription(mySubscription);

You might want to check the status of your subscriptions now and then:

const subscriptionStatus = mySubscription.isOpen;

1. Insert, update, or delete data in the table from the Supabase dashboard or via SQL queries.
2. Watch the logs/console in your web app where the real-time changes should show up.

This setup ensures interactive real-time features using WebSockets with Supabase in a web application.