.github/workflows/app_build.yaml

@@ -0,0 +1,70 @@
+name: 'App Build'
+on:
+  workflow_call:
+    inputs:
+      environment_name:
+        required: true
+        type: string
+      version_number:
+        required: true
+        type: string
+
+env:
+  VITE_API_URL: ${{ vars.VITE_API_URL }}
+  VITE_CLIENT_ID: ${{ vars.VITE_CLIENT_ID }}
+  VITE_TENANT_ID: ${{ vars.VITE_TENANT_ID }}
+  VITE_REDIRECT_URL: ${{ vars.VITE_REDIRECT_URL }}
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    environment: ${{ inputs.environment_name }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          sparse-checkout: |
+            app
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10
+          run_install: false
+
+      - name: 'Setup Node'
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ vars.NODE_VERSION }}
+
+      - name: Install
+        run: |
+          pnpm install
+
+      - name: Build
+        run: |
+          pnpm --filter app build
+
+      - name: Deploy
+        if: ${{ github.event_name != 'pull_request' }}
+        run: |
+          pnpm --filter app --prod deploy ./.prod/app
+
+      - name: Setup Docker Buildx
+        if: ${{ github.event_name != 'pull_request' }}
+        uses: docker/setup-buildx-action@v3
+
+      - name: Log into Docker Hub
+        if: ${{ github.event_name != 'pull_request' }}
+        uses: docker/login-action@v3
+        with:
+          username: ${{ vars.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build and push to registry
+        if: ${{ github.event_name != 'pull_request' }}
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: noahspan/root-app:${{ inputs.version_number }}
+          context: .
+          target: app

.github/workflows/app_build_deploy.yaml

@@ -1,73 +0,0 @@
-name: 'App Build'
-on:
-  workflow_call:
-    inputs:
-      environment_name:
-        required: true
-        type: string
-        
-env:
-  VITE_API_URL: ${{ vars.VITE_API_URL }}
-  VITE_CLIENT_ID: ${{ vars.VITE_CLIENT_ID }}
-  VITE_TENANT_ID: ${{ vars.VITE_TENANT_ID }}
-  VITE_REDIRECT_URL: ${{ vars.VITE_REDIRECT_URL }}
-
-permissions:
-  id-token: write
-  contents: read
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    environment: ${{ inputs.environment_name }}
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          sparse-checkout: |
-            app
-
-      - uses: pnpm/action-setup@v4
-        name: Install pnpm
-        with:
-          version: 10
-          run_install: false
-
-      - name: 'Setup Node'
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ vars.NODE_VERSION }}
-
-      - name: Install
-        run: |
-          pnpm install
-
-      - name: Build
-        run: |
-          pnpm --filter app build
-
-      - name: Deploy
-        if: ${{ inputs.environment_name != 'pull_request' }}
-        uses: azure/login@v2
-        with:
-          client-id: ${{ vars.VITE_CLIENT_ID }}
-          tenant-id: ${{ vars.VITE_TENANT_ID }}
-          subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
-      
-      - name: Upload
-        if: ${{ inputs.environment_name != 'pull_request' }}
-        uses: azure/CLI@v1
-        with:
-          inlineScript: |
-            az storage blob upload-batch --account-name ${{ vars.AZURE_STORAGE_ACCOUNT_NAME }} --auth-mode key -d '$web' -s ./app/dist --overwrite true
-
-      # - name: Purge CDN endpoint
-      #   if: ${{ inputs.environment_name != 'pull_request' }}
-      #   uses: azure/CLI@v1
-      #   with:
-      #     inlineScript: |
-      #       az cdn endpoint purge --content-paths  "/*" --profile-name "CDN_PROFILE_NAME" --name "CDN_ENDPOINT" --resource-group "RESOURCE_GROUP"
-
-      - name: Azure CLI logout
-        if: ${{ inputs.environment_name != 'pull_request' }}
-        run: |
-          az logout

.github/workflows/deploy.yaml

@@ -15,7 +15,6 @@ on:
 permissions:
   id-token: write
   contents: read
-  
 jobs:
   deploy:
     runs-on: ubuntu-latest

.github/workflows/main.yaml

@@ -24,20 +24,32 @@ jobs:
     needs: 
       - changes
       - build-api
-    uses: ./.github/workflows/api_deploy.yaml
+    uses: ./.github/workflows/deploy.yaml
     with:
       app_name: root-api
       environment_name: test
       version_number: ${{ github.run_id }}
     secrets: inherit
 
-  build-deploy-app:
+  build-app:
     if: ${{ needs.changes.outputs.app == 'true' }}
-    name: build-deploy-app
+    name: build-app
     needs:
       - changes
-    uses: ./.github/workflows/app_build_deploy.yaml
+    uses: ./.github/workflows/app_build.yaml
     with:
       environment_name: test
+      version_number: ${{ github.run_id }}
     secrets: inherit
 
+  deploy-app:
+    name: deploy-app
+    needs: 
+      - changes
+      - build-app
+    uses: ./.github/workflows/deploy.yaml
+    with:
+      app_name: root-app
+      environment_name: test
+      version_number: ${{ github.run_id }}
+    secrets: inherit

.github/workflows/pull_request.yaml

@@ -23,7 +23,8 @@ jobs:
     name: build-app
     needs:
       - changes
-    uses: ./.github/workflows/app_build_deploy.yaml
+    uses: ./.github/workflows/app_build.yaml
     with:
       environment_name: pull_request
+      version_number: ${{ github.run_id }}
     secrets: inherit

.github/workflows/tag.yaml

@@ -17,16 +17,28 @@ jobs:
     name: deploy-api
     needs: 
       - build-api
-    uses: ./.github/workflows/api_deploy.yaml
+    uses: ./.github/workflows/deploy.yaml
     with:
       app_name: root-api
       environment_name: prod
       version_number: ${{ github.ref_name }}
     secrets: inherit
 
-  build-deploy-app:
+  build-app:
-    name: build-deploy-app
+    name: build-app
-    uses: ./.github/workflows/app_build_deploy.yaml
+    uses: ./.github/workflows/app_build.yaml
     with:
       environment_name: prod
+      version_number: ${{ github.ref_name }}
+    secrets: inherit
+
+  deploy-app:
+    name: deploy-app
+    needs: 
+      - build-app
+    uses: ./.github/workflows/deploy.yaml
+    with:
+      app_name: root-app
+      environment_name: prod
+      version_number: ${{ github.ref_name }}
     secrets: inherit

api/README.md

@@ -1,73 +0,0 @@
-<p align="center">
-  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="200" alt="Nest Logo" /></a>
-</p>
-
-[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
-[circleci-url]: https://circleci.com/gh/nestjs/nest
-
-  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
-    <p align="center">
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
-<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
-<a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
-<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
-<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
-<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
-  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
-    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
-  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
-</p>
-  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
-  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
-
-## Description
-
-[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
-
-## Installation
-
-```bash
-$ npm install
-```
-
-## Running the app
-
-```bash
-# development
-$ npm run start
-
-# watch mode
-$ npm run start:dev
-
-# production mode
-$ npm run start:prod
-```
-
-## Test
-
-```bash
-# unit tests
-$ npm run test
-
-# e2e tests
-$ npm run test:e2e
-
-# test coverage
-$ npm run test:cov
-```
-
-## Support
-
-Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
-
-## Stay in touch
-
-- Author - [Kamil Myśliwiec](https://kamilmysliwiec.com)
-- Website - [https://nestjs.com](https://nestjs.com/)
-- Twitter - [@nestframework](https://twitter.com/nestframework)
-
-## License
-
-Nest is [MIT licensed](LICENSE).

app/README.md

@@ -0,0 +1 @@
+# APP

app/src/components/projects/Projects.tsx

@@ -38,8 +38,8 @@ const Projects = () => {
         `api/projects`,
       );
       const projects: Project[] = response.data;
-      console.log(projects);
+
-      projects.sort((a, b) => Number(a.order) - Number(b.order))
+      projects.sort((a, b) => Number(a.order) - Number(b.order));
 
       return projects;
     } catch (error) {
@@ -126,7 +126,15 @@ const Projects = () => {
         dispatch({ type: 'SET_IS_LOADING', payload: true })
         const projects = await getProjects();
 
-        dispatch({ type: 'SET_PROJECTS', payload: projects })
+        if (projects.length > 0) {
+          dispatch({ type: 'SET_PROJECTS', payload: projects });
+
+          if (state.alert) {
+            dispatch({ type: 'SET_ALERT', payload: undefined })
+          }
+        } else {
+          dispatch({ type: 'SET_ALERT', payload: { severity: 'info', message: 'No projects found.'}});
+        }
       } catch (error) {
         dispatch({
           type: 'SET_ALERT',