Merge pull request #105885 from mmacy/b2c-spa-edits-derisen

[b2c] SPA quickstart & tutorials update

Author: v-shils

articles/active-directory-b2c/media/quickstart-single-page-app/call-api-spa.png

@@ -9,7 +9,7 @@ manager: celestedg
 ms.service: active-directory
 ms.workload: identity
 ms.topic: quickstart
-ms.date: 09/12/2019
+ms.date: 04/04/2020
 ms.author: mimart
 ms.subservice: B2C
 ---
@@ -22,71 +22,63 @@ Azure Active Directory B2C (Azure AD B2C) provides cloud identity management to
 
 ## Prerequisites
 
-- [Visual Studio 2019](https://www.visualstudio.com/downloads/) with the **ASP.NET and web development** workload
+- [Visual Studio Code](https://code.visualstudio.com/)
 - [Node.js](https://nodejs.org/en/download/)
 - Social account from Facebook, Google, or Microsoft
 - Code sample from GitHub: [active-directory-b2c-javascript-msal-singlepageapp](https://github.com/Azure-Samples/active-directory-b2c-javascript-msal-singlepageapp)
 
     You can [download the zip archive](https://github.com/Azure-Samples/active-directory-b2c-javascript-msal-singlepageapp/archive/master.zip) or clone the repository:
 
-    ```
+    ```console
     git clone https://github.com/Azure-Samples/active-directory-b2c-javascript-msal-singlepageapp.git
     ```
 
 ## Run the application
 
 1. Start the server by running the following commands from the Node.js command prompt:
 
-    ```
+    ```console
     cd active-directory-b2c-javascript-msal-singlepageapp
     npm install && npm update
-    node server.js
+    npm start
     ```
 
-    Server.js outputs the port number it's listening on at localhost.
+    The server started by *server.js* displays the port it's listening on:
 
-    ```
+    ```console
     Listening on port 6420...
     ```
 
-2. Browse to the URL of the application. For example, `http://localhost:6420`.
-
-## Sign in using your account
-
-1. Click **Login** to start the workflow.
+1. Browse to the URL of the application. For example, `http://localhost:6420`.
 
     ![Single-page application sample app shown in browser](./media/quickstart-single-page-app/sample-app-spa.png)
 
-    The sample supports several sign-up options including using a social identity provider or creating a local account using an email address. For this quickstart, use a social identity provider account from either Facebook, Google, or Microsoft.
+## Sign in using your account
 
-2. Azure AD B2C presents a sign-in page for a fictitious company called Fabrikam for the sample web application. To sign up using a social identity provider, click the button of the identity provider you want to use.
+1. Select **Sign In** to start the user journey.
+1. Azure AD B2C presents a sign-in page for a fictitious company called Fabrikam for the sample web application. To sign up using a social identity provider, select the button of the identity provider you want to use.
 
     ![Sign In or Sign Up page showing identity provider buttons](./media/quickstart-single-page-app/sign-in-or-sign-up-spa.png)
 
     You authenticate (sign in) using your social account credentials and authorize the application to read information from your social account. By granting access, the application can retrieve profile information from the social account such as your name and city.
 
-3. Finish the sign-in process for the identity provider.
+1. Finish the sign-in process for the identity provider.
 
 ## Access a protected API resource
 
-Click **Call Web API** to have your display name returned from the Web API call as a JSON object.
+Select **Call API** to have your display name returned from the web API as a JSON object.
 
 ![Sample application in browser showing the web API response](./media/quickstart-single-page-app/call-api-spa.png)
 
 The sample single-page application includes an access token in the request to the protected web API resource.
 
-## Clean up resources
-
-You can use your Azure AD B2C tenant if you plan to try other Azure AD B2C quickstarts or tutorials. When no longer needed, you can [delete your Azure AD B2C tenant](faq.md#how-do-i-delete-my-azure-ad-b2c-tenant).
-
 ## Next steps
 
 In this quickstart, you used a sample single-page application to:
 
-* Sign in with a custom login page
-* Sign in with a social identity provider
-* Create an Azure AD B2C account
-* Call a web API protected by Azure AD B2C
+- Sign in with a social identity provider
+- Create an Azure AD B2C user account (created automatically at sign-in)
+- Call a web API protected by Azure AD B2C
 
 Get started creating your own Azure AD B2C tenant.