Add steps to create a CloudCode Project

Author: Hein

images/usage/tools/JourneyApps_Project_1.png

@@ -7,6 +7,56 @@ This project provides a serverless backend API for a client application using Po
 
 For more information about CloudCode serverless functions, please visit [this page](https://docs.journeyapps.com/reference/cloudcode/triggering-a-cloudcode-task/trigger-cc-via-http).
 
+# Create New CloudCode Project
+To create a new CloudCode project, following the steps below:
+<Steps>
+    <Step>
+        Navigate to the [JourneyApps Portal](https://accounts.journeyapps.com/) (create an account if you do not have one already).
+        You should see a list of your projects if you've created any.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_1.png" />
+        </Frame>
+    </Step>
+    <Step>
+        Select `Create Project` at the top right of the screen.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_2.png" />
+        </Frame>
+    </Step>
+    <Step>
+        Select `JourneyApps Platform Project` and click `Next`.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_3.png" />
+        </Frame>
+    </Step>
+    <Step>
+        Enter a Project name and click `Next`.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_4.png" />
+        </Frame>
+    </Step>
+    <Step>
+        There are two options for how you can manage changes to your project:
+        1. `Basic (Revision)`: A simple workflow with basic restore points
+        2. `Advanced (Git)`: A git-based workflow with commits, branching and merging.
+
+        Select a `Version Control` option, `Git` provider and click `Next`.
+        For demonstration purposes we will choose `Basic` and `JourneyApps` as our Git provider.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_5.png" />
+        </Frame>
+    </Step>
+    <Step>
+        To base your project on a template, select `TypeScript` as your template language, and `MongoDB CRUD & Auth Backend` as your template. You can now create your app
+        by clicking `Create App`.
+        <Frame>
+            <img src="/images/usage/tools/JourneyApps_Project_6.png" />
+        </Frame>
+    </Step>
+</Steps>
+
+# Setting Up CloudCode Serverless Functions
+
 To view the serverless functions, select the **CloudCode** option at the top of the IDE.
 
 <Frame>