Releasing v0.10.2

Author: Jeff Moore

.gitignore

@@ -11,6 +11,7 @@ node_modules
 # production
 /build
 /functions/build
+/website/build
 
 # misc
 .DS_Store

README.md

@@ -2,9 +2,9 @@
 
 [![Build Status](https://travis-ci.com/pubnub/typescript-ref-app-team-chat.svg?branch=master)](https://travis-ci.com/pubnub/typescript-ref-app-team-chat)
 
-This repository contains the code for the Team Chat web reference application hosted on the [PubNub Chat Docs Page](https://www.pubnub.com/docs/chat/quickstart#quickstart). You can download the project to run on your local machine, and explore the code to see how we built it.
+The team chat app demonstrates how to build a feature-rich chat and team collaboration application using [PubNub Chat](https://www.pubnub.com/docs/chat/quickstart). Learn how to manage users, join chat rooms, and send messages with PubNub. Learn how to build advanced features like profanity filtering, gifs, and link previews. You can download the project to run on your local machine, and explore the code to see how we built it.
 
-Check out the [documentation](http://pubnub.github.io/typescript-ref-app-team-chat) to learn about advanced features like profanity filtering, gifs, and link previews.
+Check out the [Team Chat Tutorial](https://pubnub.github.io/typescript-ref-app-team-chat/docs/introduction).
 
 ![alt text](team-chat-preview.png "Reference App")
 
@@ -18,27 +18,7 @@ The application demonstrates how to build a chat application using:
 ## Requirements
 
 - [Node.js](https://nodejs.org/en/)
-- [PubNub Account](#pubnub-account) (*Free*)
-
-## PubNub Account
-
-To run this application you must obtain publish and subscribe keys from your PubNub Account. If you don't already have an account, you can [create one for free](https://dashboard.pubnub.com/).
-
-1. Sign in to your [PubNub Dashboard](https://dashboard.pubnub.com/).
-
-1. Click **Create New App**.
-
-1. Give your app a name, and select **Chat App** as the app type.
-
-1. Click **Create**.
-
-1. Click your new app to open its settings, then click its keyset.
-
-1. Enable the **Objects** feature. **Presence** and **PubNub Functions** should have been enabled when the keyset was created.
-
-1. Select a region to store your user data (e.g. *US East*). **DO NOT** enable user, channel, or membership events.
-
-1. Locate the *Publish* and *Subscribe* keys. You'll need these keys to include in this project.
+- [PubNub Account](https://dashboard.pubnub.com/)
 
 ## Running the project
 
@@ -55,7 +35,7 @@ To run this application you must obtain publish and subscribe keys from your Pub
     npm install
     ```
 
-1. Run the project in your local environment. If you are running the app for the first time, enter your PubNub keys to begin populating sample data.
+1. Start the project. You'll be asked to enter your chat app keys from the [PubNub Dashboard](https://dashboard.pubnub.com/). Note that Objects should be enabled and a region should be selected on the key.
 
     ```bash
     npm start
@@ -65,6 +45,6 @@ To run this application you must obtain publish and subscribe keys from your Pub
 
 ## Further Information
 
-Checkout [PubNub Chat Docs](https://www.pubnub.com/docs/chat) page for more information about how to use the React and Redux SDKs to add in-app chat to your applications.
+For more information, head over to [Team Chat Tutorial](https://pubnub.github.io/typescript-ref-app-team-chat/docs/introduction) and get started building chat today.
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). Special thanks to Martin Lagrange, Elvis Wolcott, and Mark Erikson.

docs/assets/team-chat-preview.png

@@ -0,0 +1,31 @@
+---
+id: introduction
+title: Team Chat
+sidebar_label: Introduction
+---
+
+The team chat app demonstrates how to build a feature-rich chat and team collaboration application. Learn how to manage users, join chat rooms, and send messages with PubNub. Get started by downloading the app code from [Github](https://github.com/pubnub/typescript-ref-app-team-chat).  
+
+![team chat preview](assets/team-chat-preview.png)
+
+## Features
+
+The team chat app comes preloaded with the following features:
+
+- **Group messaging** that lets teams communicate in realtime, increasing productivity.
+- **User and channel metadata** so you can view channel details, member’s lists, and more without storing data in a separate database.
+- **User presence detection** to show who’s online or offline at any moment.
+- **Typing indicators** that add responsiveness and improve communication.
+- **GIPHY integration** so you can share GIFs and personalize your chats.
+- **Rich media** to share emojis and links, improving the end-user experience.
+- **Profanity filtering** to replace bad words in messages, keeping chats friendly for everyone.
+
+## SDKs & Frameworks
+
+The app is built using PubNub Chat SDKs and Frameworks for realtime messaging. It uses the following:
+
+- [React](https://www.pubnub.com/docs/chat/react/setup) provides tools to leverage the PubNub JavaScript SDK within a React application.
+- [Redux](https://www.pubnub.com/docs/chat/redux/setup) manages state of data components inside an application.
+- [Javascript](https://www.pubnub.com/docs/web-javascript/pubnub-javascript-sdk) connects and communicates with the network.
+
+For more information, head over to [PubNub Chat Documentation](https://www.pubnub.com/docs/chat/quickstart) and get started building chat today.

docs/introduction.md

@@ -1,7 +1,7 @@
 ---
 id: optional-features
-title: Optional Features
-sidebar_label: Optional Features
+title: Advanced Features
+sidebar_label: Advanced Features
 ---
 
 Team Chat comes with additional rich features like link previews, gifs, and content moderation.

docs/quickstart/optional-features.md renamed to docs/optional-features.md

@@ -0,0 +1,35 @@
+---
+id: run-locally
+title: Running the App
+sidebar_label: Run Locally
+---
+
+Follow the instructions below to run the app in your local environment.
+
+## Requirements
+
+- [Node.js](https://nodejs.org/en/)
+- [PubNub Account](https://dashboard.pubnub.com/)
+
+## Running the project
+
+1. Clone the GitHub repository.
+
+    ```bash
+    git clone https://github.com/pubnub/typescript-ref-app-team-chat-private.git
+    ```
+
+1. Install the project.
+
+    ```bash
+    cd typescript-ref-app-team-chat
+    npm install
+    ```
+
+1. Start the project. You'll be asked to enter your chat app keys from the PubNub Dashboard. Note that Objects should be enabled and a region should be selected on the key.
+
+    ```bash
+    npm start
+    ```
+
+    A web browser should automatically open [http://localhost:3000](http://localhost:3000), and you can explore your very own Team Chat app!

docs/quickstart/frameworks.md

@@ -1,7 +1,7 @@
 ---
 id: conversation-members
 title: Show Members in Conversation
-sidebar_label: Conversation Members
+sidebar_label: Show Members
 ---
 
 Click the membership count at the top right of a conversation, and you’ll see the conversation’s member list.

docs/quickstart/introduction.md

@@ -1,7 +1,7 @@
 ---
 id: joined-conversations
-title: Show Joined Conversations
-sidebar_label: Joined Conversations
+title: Show My Conversations
+sidebar_label: Show Conversations
 ---
 
 Below your user info, you’ll find your list of conversations. 

docs/quickstart/run-locally.md

@@ -1,7 +1,7 @@
 ---
 id: login
 title: Log in with a User
-sidebar_label: User Login
+sidebar_label: Login
 ---
 
 While the splash screen displays, the app is selecting a user for you, and retrieving the conversations to which your user is subscribed. 

docs/run-locally.md

@@ -1,7 +1,7 @@
 ---
 id: messages
 title: Send and Receive Messages
-sidebar_label: Messages
+sidebar_label: Send Messages
 ---
 
 Along the top of the conversation pane, the app displays details about the conversation: a title, description, and membership and presence information. 

docs/tutorial/conversation-members.md

@@ -6,4 +6,12 @@ sidebar_label: Overview
 
 This tutorial convers how Team Chat’s key features are put together, and how you can add them in your own applications.
 Each section focuses on one feature of the application.
-Although the sections build on each other, feel free to skip around and explore the features that interest you.
+Although the sections build on each other, feel free to skip around and explore the features that interest you.
+
+- [Theming](/typescript-ref-app-team-chat/docs/tutorial/theming) to quickly customize the look and branding of your application
+- [Messaging](/typescript-ref-app-team-chat/docs/tutorial/messages) powered by PubNub
+- [Join Conversations](/typescript-ref-app-team-chat/docs/tutorial/join-conversation)
+- [Leave Conversations](/typescript-ref-app-team-chat/docs/tutorial/leave-conversation)
+- [Conversation Members](/typescript-ref-app-team-chat/docs/tutorial-conversation-members) including online/offline status using Presence
+- [Typing Indicators](/typescript-ref-app-team-chat/docs/tutorial/typing-indicators) let users know when another user is typing
+- [Profanity Filtering](/typescript-ref-app-team-chat/docs/profanity-filtering) to moderate messages with serverless PubNub functions

docs/tutorial/joined-conversations.md

@@ -1,7 +1,7 @@
 ---
 id: pubnub
 title: Add PubNub to your App
-sidebar_label: PubNub Integration
+sidebar_label: Add PubNub Keys
 ---
 
 When the app first loads, it runs the `main/App.tsx` component to initialize the [pubnub client](https://www.pubnub.com/docs/chat/reference/users#initialize-pubnub) with your publish and subscribe keys that are configured in the `.env` file.

docs/tutorial/login.md

@@ -1,7 +1,7 @@
 ---
 id: sample-data
 title: Changing the Sample Data
-sidebar_label: Sample Data
+sidebar_label: Populate Data
 ---
 
 When you run the app for the first time, it runs the `setup/populate.js` script to populate sample data for users, spaces, and memberships into your PubNub keys. 

docs/tutorial/messages.md

@@ -1,7 +1,7 @@
 ---
 id: theming
 title: Theming the Application
-sidebar_label: Theming
+sidebar_label: Setup Theming
 ---
 
 Team Chat was built using the [System UI theme specification](https://system-ui.com/theme/).

docs/tutorial/overview.md

@@ -1,7 +1,7 @@
 ---
 id: typing-indicators
 title: Typing Indicators
-sidebar_label: Typing Indicators
+sidebar_label: Send Typing Indicators
 ---
 
 When someone is typing, the app displays a message showing the name of the user who is typing.

docs/tutorial/pubnub.md

@@ -1,7 +1,7 @@
 ---
 id: user-details
 title: Show User Details
-sidebar_label: User Details
+sidebar_label: Show User Details
 ---
 
 In the top left section of the UI, the app shows details for the current user. 

docs/tutorial/sample-data.md

@@ -1,6 +1,6 @@
 {
   "name": "team-chat",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Team Chat - A Reference Application for PubNub with Typescript, React and Redux",
   "license": "MIT",
   "private": true,