rename tutorial steps

packages/stream_chat_flutter/example/lib/tutorial-part-1.dart

@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+
+/// First step of the [tutorial](https://getstream.io/chat/flutter/tutorial/)
+///
+/// There are three important things to notice that are common to all Flutter application using StreamChat:
+///
+/// 1. The Dart API [StreamChatClient] is initialized with your API Key
+/// 2. The current user is set by calling [StreamChatClient.setUser]
+/// 3. The client is then passed to the top-level [StreamChat] widget
+///    [StreamChat] is an inherited widget and must be the parent of all Chat related widgets.
+///
+/// Please note that while Flutter can be used to build both mobile and web applications;
+/// in this tutorial we focus on mobile, make sure when running the app you use a mobile device.
+///
+/// Let's have a look at what we've built:
+///
+/// - We set up the Chat [StreamChatClient] with the API key
+///
+/// - We set the the current user for Chat with [StreamChatClient.setUser] and a pre-generated user token
+///
+/// - We make [StreamChat] the root Widget of our application
+///
+/// - We create a single [ChannelPage] widget under [StreamChat] with three widgets: [ChannelHeader], [MessageListView] and [MessageInput]
+///
+/// If you now run the simulator you will see a single channel UI.
+void main() async {
+  final client = StreamChatClient(
+    's2dxdhpxd94g',
+    logLevel: Level.INFO,
+  );
+
+  await client.setUser(
+    User(id: 'super-band-9'),
+    'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3VwZXItYmFuZC05In0.0L6lGoeLwkz0aZRUcpZKsvaXtNEDHBcezVTZ0oPq40A',
+  );
+
+  final channel = client.channel('messaging', id: 'godevs');
+
+  // ignore: unawaited_futures
+  channel.watch();
+
+  runApp(MyApp(client, channel));
+}
+
+class MyApp extends StatelessWidget {
+  final StreamChatClient client;
+  final Channel channel;
+
+  MyApp(this.client, this.channel);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      builder: (context, widget) {
+        return StreamChat(
+          child: widget,
+          client: client,
+        );
+      },
+      home: StreamChannel(
+        channel: channel,
+        child: ChannelPage(),
+      ),
+    );
+  }
+}
+
+class ChannelPage extends StatelessWidget {
+  const ChannelPage({
+    Key key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: ChannelHeader(),
+      body: Column(
+        children: <Widget>[
+          Expanded(
+            child: MessageListView(),
+          ),
+          MessageInput(),
+        ],
+      ),
+    );
+  }
+}