diff --git a/.github/workflows/azure-static-web-apps-purple-cliff-0424d8803.yml b/.github/workflows/azure-static-web-apps-purple-cliff-0424d8803.yml
new file mode 100644
index 0000000..d5542e3
--- /dev/null
+++ b/.github/workflows/azure-static-web-apps-purple-cliff-0424d8803.yml
@@ -0,0 +1,46 @@
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - main
+
+jobs:
+  build_and_deploy_job:
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+          lfs: false
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_PURPLE_CLIFF_0424D8803 }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: "/frontend" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "build" # Built app content directory - optional
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_PURPLE_CLIFF_0424D8803 }}
+          action: "close"
diff --git a/README.md b/README.md
index 090969b..f4336ac 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,20 @@
-# website
-
-## investment portfolio progject
-
+# Investment Portfolio Website
+## What does it do?
 - Using screenshot images of stock purchases form a csv of market transactions and history
-- analysing investment data from csv to prepare for visualisation
-- visualising investment data on graphing library
-### Next Step
-- making csv into json
-- make visualisation on website
+- Analysing investment data from csv to prepare for visualisation
+- Visualising investment data on graphing library
+- Turning csv into a JSON file to be used in Database for transactions
+- Making a React js front end to visualise my investments and graphs
+- Setting up Django backend to feed API data from the database for display on react
+- Live data using yfinanace and refreshing to get constant gain/loss percentages
+- Each stock is a button that shows breakdown of that stock holding on a graph
+### What do I still need to make it do?
+- Other tabs for specific breakdowns
+- Overall portfolio graph
+- Formatting react app for smaller screens & phone screens
+- Daily/Monthly/Yearly View
+
+![Screenshot showing the main view of the Investment Portfolio Overview page.](./screenshots/img2.png)
+![Screenshot showing the current holdings of the Investment Portfolio Overview page.](./screenshots/img3.png)
+![Screenshot showing the historic holdings of the Investment Portfolio Overview page.](./screenshots/img1.png)
+![Screenshot showing the backend API for the app, in this example it is fetching data of transactions and valuations of Apple stock.](./screenshots/img4.png)
diff --git a/screenshots/img1.png b/screenshots/img1.png
new file mode 100644
index 0000000..99116d4
Binary files /dev/null and b/screenshots/img1.png differ
diff --git a/screenshots/img2.png b/screenshots/img2.png
new file mode 100644
index 0000000..4e7d78d
Binary files /dev/null and b/screenshots/img2.png differ
diff --git a/screenshots/img3.png b/screenshots/img3.png
new file mode 100644
index 0000000..b167e11
Binary files /dev/null and b/screenshots/img3.png differ
diff --git a/screenshots/img4.png b/screenshots/img4.png
new file mode 100644
index 0000000..52e6929
Binary files /dev/null and b/screenshots/img4.png differ