CI/CD pipeline implementation for frontend of powerpayapp

.github/workflows/build-and-deploy-pwa.yaml

@@ -0,0 +1,47 @@
+name: Build and deploy frontend
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  # Build Job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
+      - name: Install Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - name: Install Dependencies
+        run: cd power-pay-frontend && npm ci
+
+      - name: Build Project
+        run: cd power-pay-frontend && npm run build-for-gh
+
+      - name: Upload artifact to enable deployment
+        uses: actions/upload-artifact@v3
+        with:
+          name: production-files
+          path: power-pay-frontend/dist
+
+  # Deploy Job
+  deploy:
+    # Add a dependency to the build job
+    needs: build
+    # Specify runner + deployment step
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v3
+        with:
+          name: production-files
+          path: power-pay-frontend
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.DEPLOYTOKEN }}
+          publish_dir: power-pay-frontend