diff --git a/.github/workflows/deploy-to-github-pages.yaml b/.github/workflows/deploy-to-github-pages.yaml
new file mode 100644
index 0000000..469bf6d
--- /dev/null
+++ b/.github/workflows/deploy-to-github-pages.yaml
@@ -0,0 +1,42 @@
+name: Deploy to GitHub Pages
+run-name: Deploying to GitHub Pages
+on: [push]
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    container:
+      image: node:18
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install npm dependencies
+        run: npm ci
+      - name: Build ng
+        run: npx ng build --base-href=/fuel-gage-trainer/
+      - name: Upload built app
+        uses: actions/upload-pages-artifact@v3
+        with:
+          name: github-pages
+          path: dist/
+
+  # Deploy job
+  deploy:
+    # Add a dependency to the build job
+    needs: build
+
+    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+
+    # Deploy to the github-pages environment
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    # Specify runner + deployment step
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4 # or specific "vX.X.X" version tag for this action