feat: ✨ add application pages and routes

.eslintignore

@@ -0,0 +1,4 @@
+# Auto generate typescript files
+auto-imports.d.ts
+components.d.ts
+unimport.d.ts

.eslintrc.cjs

@@ -2,45 +2,64 @@
 require("@rushstack/eslint-patch/modern-module-resolution");
 
 module.exports = {
-  root: true,
   extends: [
     "plugin:vue/vue3-essential",
     "eslint:recommended",
     "@vue/eslint-config-typescript",
     "@vue/eslint-config-prettier",
     "plugin:storybook/recommended",
   ],
-  plugins: ["unused-imports", "simple-import-sort", "prettier"],
+  overrides: [
+    {
+      extends: ["plugin:cypress/recommended"],
+      files: ["cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"],
+    },
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+  },
+  plugins: ["unused-imports", "simple-import-sort", "prettier", "sort-keys-custom-order"],
+  root: true,
   rules: {
+    "@typescript-eslint/no-unused-vars": [
+      "warn", // or "error"
+      {
+        argsIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+      },
+    ],
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-unused-vars": "off",
     "prettier/prettier": [
       "error",
       {
         endOfLine: "auto",
       },
     ],
-    "no-unused-vars": "off",
+    "simple-import-sort/exports": "error",
+    "simple-import-sort/imports": "error",
+    // For JS objects sorting
+    "sort-keys-custom-order/object-keys": [
+      "error",
+      { orderedKeys: ["id", "username", "name", "title", "50", "path"] },
+    ],
+    // For TS types sorting
+    "sort-keys-custom-order/type-keys": [
+      "error",
+      { orderedKeys: ["id", "username", "name", "title", "50", "path"] },
+    ],
     "unused-imports/no-unused-imports": "error",
     "unused-imports/no-unused-vars": [
       "warn",
       {
-        vars: "all",
-        varsIgnorePattern: "^_",
         args: "after-used",
         argsIgnorePattern: "^_",
+        vars: "all",
+        varsIgnorePattern: "^_",
       },
     ],
-    "simple-import-sort/imports": "error",
-    "simple-import-sort/exports": "error",
-  },
-  overrides: [
-    {
-      files: ["cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"],
-      extends: ["plugin:cypress/recommended"],
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: "latest",
+    "vue/padding-line-between-tags": ["error", [{ blankLine: "always", next: "*", prev: "*" }]],
   },
 };

.github/workflows/deploy-frontend-staging.yml

@@ -0,0 +1,51 @@
+name: Build frontend and deploy to staging environment (witty-mushroom-03791f510)
+
+on:
+  push:
+    branches:
+      - staging
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - staging
+
+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_WITTY_MUSHROOM_03791F510 }}
+          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: "/" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "dist" # Built app content directory - optional
+          ###### End of Repository/Build Configurations ######
+        env:
+          VITE_FAIRHUB_API_URL: "https://staging.api.fairhub.io"
+
+  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_WITTY_MUSHROOM_03791F510 }}
+          action: "close"
+          app_location: "/" # App source code path
+

.github/workflows/azure-static-web-apps-brave-ground-07b6bfb10.yml → .github/workflows/deploy-frontend.yml

@@ -1,48 +1,50 @@
-name: Build frontend and deploy to Azure Static Web Apps (brave-ground-07b6bfb10)
-
-on:
-  push:
-    branches:
-      - "**"
-  pull_request:
-    types: [opened, synchronize, reopened, closed]
-    branches:
-      - "**"
-
-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@v2
-        with:
-          submodules: true
-      - name: Build And Deploy
-        env:
-          NODE_OPTIONS: "--max_old_space_size=12096"
-        id: builddeploy
-        uses: Azure/static-web-apps-deploy@v1
-        with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BRAVE_GROUND_07B6BFB10 }}
-          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
-          action: "upload"
-          production_branch: "production"
-          ###### 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: "/" # App source code path
-          api_location: "" # Api source code path - optional
-          output_location: "dist" # 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_BRAVE_GROUND_07B6BFB10 }}
-          action: "close"
+name: Build frontend and deploy to Azure Static Web Apps (orange-sky-0323eca10)
+
+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@v2
+        with:
+          submodules: true
+          lfs: false
+      - name: Build And Deploy
+        env:
+          NODE_OPTIONS: "--max_old_space_size=12096"
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ORANGE_SKY_0323ECA10 }}
+          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: "/" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "dist" # 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_ORANGE_SKY_0323ECA10 }}
+          action: "close"
+          app_location: "/" # App source code path
+

.github/workflows/azure-static-web-apps-white-ocean-00e852610.yml → .github/workflows/deploy-storybook.yml

@@ -1,49 +1,51 @@
-name: Build Storybook and deploy to Azure Static Web Apps (white-ocean-00e852610)
-
-on:
-  push:
-    branches:
-      - "**"
-  pull_request:
-    types: [opened, synchronize, reopened, closed]
-    branches:
-      - "**"
-
-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
-    env:
-      NODE_OPTIONS: "--max_old_space_size=12096"
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          submodules: true
-      - 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_WHITE_OCEAN_00E852610 }}
-          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
-          action: "upload"
-          production_branch: "production"
-          ###### 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: "/" # App source code path
-          api_location: "" # Api source code path - optional
-          output_location: "storybook-static" # Built app content directory - optional
-          app_build_command: "yarn build-storybook" # Build script (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_WHITE_OCEAN_00E852610 }}
-          action: "close"
+name: Build Storybook and deploy to Azure Static Web Apps (white-ocean-00e852610)
+
+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
+    env:
+      NODE_OPTIONS: "--max_old_space_size=12096"
+    steps:
+      - uses: actions/checkout@v2
+        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_WHITE_OCEAN_00E852610 }}
+          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: "/" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "storybook-static" # Built app content directory - optional
+          app_build_command: "yarn build-storybook" # Build script (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_WHITE_OCEAN_00E852610 }}
+          action: "close"
+          app_location: "/" # App source code path

.gitignore

@@ -6,9 +6,9 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
-
 node_modules
 .DS_Store
+.yarn/*
 dist
 dist-ssr
 coverage
@@ -20,6 +20,7 @@ coverage
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 *.suo
 *.ntvs*
@@ -29,3 +30,12 @@ coverage
 
 # API Platform specific files
 *.pyc
+
+# Auto generated package manager files
+package-lock.json
+
+# Auto generated typescript files
+# auto-imports.d.ts is needed for vue-tsc to work. Other solution is to flip build and tsc in package.json `"build": "run-s build-only type-check",`
+!auto-imports.d.ts
+components.d.ts
+.env

.husky/pre-commit

@@ -1,4 +1,5 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
+yarn generate:mermaid && git add mermaid/svg*.svg
 yarn lint-staged

.markdownlint.json

@@ -0,0 +1,4 @@
+{
+  "MD033": false,
+  "MD013": false
+}

.prettierignore

@@ -0,0 +1,4 @@
+# Auto generate typescript files
+auto-imports.d.ts
+components.d.ts
+unimport.d.ts

.storybook/main.js

@@ -1,5 +1,4 @@
 const path = require("path");
-const tailwindConfigPath = path.join(__dirname, "../tailwind.config.js");
 
 module.exports = {
   stories: [

.storybook/preview.js

@@ -1,4 +1,4 @@
-import "../src/assets/main.css";
+import "../src/assets/css/main.css";
 import { themes } from "@storybook/theming";
 
 export const parameters = {