080624.02/Update Contributing Doc (#8804)

* Update Contributing Doc

* Add Contributing Guide for SPA CLient

* Update src/dotnet/APIView/ClientSPA/CONTRIBUTING.md

Co-authored-by: Praven Kuttappan <55455725+praveenkuttappan@users.noreply.github.com>

---------

Co-authored-by: Praven Kuttappan <55455725+praveenkuttappan@users.noreply.github.com>

Author: chidozieononiwu

src/dotnet/APIView/APIViewWeb/CONTRIBUTING.md

@@ -169,6 +169,9 @@ If any of the above steps is showing errors, following are the items to check:
 
 - Verify and ensure cosmos DB instance has all 3 containers as per the instructions above and verify partition key for each of them.
 
+### SPA Client
+
+APIView uses a SPA (Single Page Application) for part of its user interface. If adding completely new pages please make the contributions to the SPA client. See [SPA Client Contributing Doc](../ClientSPA/CONTRIBUTING.md) for more information.
 
 Happy coding!!!!
 

src/dotnet/APIView/ClientSPA/CONTRIBUTING.md

@@ -0,0 +1,28 @@
+# Contributing
+
+This is the SPA Client project for [APIView](../APIViewWeb/CONTRIBUTING.md)
+
+## Pre-requisites
+
+### Development machine setup
+- Ensure you have completed [APIView Setup](../APIViewWeb/CONTRIBUTING.md#development-machine-setup)
+- Install angular cli
+    ```
+    npm install -g @angular/cli
+    ```
+- Install node modules at `C:\git\azure-sdk-tools\src\dotnet\APIView\ClientSPA`
+    ```
+    npm install
+    ```
+
+### Runing SPA CLient Locally
+To run client SPA locally use the angular serve command with ssl option
+```
+ ng serve --ssl
+```
+
+### Testing SPA CLient Locally
+To run client SPA tests use angular test command
+```
+ ng test
+```