Merge branch 'main' into feature/20-move-app-back-to-container-app

* reverting to app on container app

* reverting to app on container app

.github/workflows/api_build.yaml

@@ -64,6 +64,6 @@ jobs:
         uses: docker/build-push-action@v6
         with:
           push: true
-          tags: noahspan/flying-api:${{ inputs.version_number }}
+          tags: noahspan/root-api:${{ inputs.version_number }}
           context: .
           target: api

.github/workflows/app_build.yaml

@@ -65,6 +65,6 @@ jobs:
         uses: docker/build-push-action@v6
         with:
           push: true
-          tags: noahspan/flying-app:${{ inputs.version_number }}
+          tags: noahspan/root-app:${{ inputs.version_number }}
           context: .
           target: app

.github/workflows/deploy.yaml

@@ -32,4 +32,4 @@ jobs:
         with:
           azcliversion: latest
           inlineScript: |
-            az containerapp update --name ${{ inputs.app_name }}-${{ inputs.environment_name }} --resource-group noahspan-flying --image docker.io/noahspan/${{ inputs.app_name }}:${{ inputs.version_number }}
+            az containerapp update --name ${{ inputs.app_name }}-${{ inputs.environment_name }} --resource-group noahspan-root --image docker.io/noahspan/${{ inputs.app_name }}:${{ inputs.version_number }}

.github/workflows/main.yaml

@@ -26,7 +26,7 @@ jobs:
       - build-api
     uses: ./.github/workflows/deploy.yaml
     with:
-      app_name: flying-api
+      app_name: root-api
       environment_name: test
       version_number: ${{ github.run_id }}
     secrets: inherit
@@ -49,7 +49,7 @@ jobs:
       - build-app
     uses: ./.github/workflows/deploy.yaml
     with:
-      app_name: flying-app
+      app_name: root-app
       environment_name: test
       version_number: ${{ github.run_id }}
     secrets: inherit

.github/workflows/tag.yaml

@@ -19,7 +19,7 @@ jobs:
       - build-api
     uses: ./.github/workflows/deploy.yaml
     with:
-      app_name: flying-api
+      app_name: root-api
       environment_name: prod
       version_number: ${{ github.ref_name }}
     secrets: inherit
@@ -38,7 +38,7 @@ jobs:
       - build-app
     uses: ./.github/workflows/deploy.yaml
     with:
-      app_name: flying-app
+      app_name: root-app
       environment_name: prod
       version_number: ${{ github.ref_name }}
     secrets: inherit

.npmrc

@@ -0,0 +1 @@
+inject-workspace-packages=true

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).

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api",
-  "version": "0.0.1",
+  "version": "1.2.0",
   "description": "",
   "author": "",
   "private": true,
@@ -20,25 +20,24 @@
     "test:e2e": "jest --config ./test/jest-e2e.json"
   },
   "dependencies": {
-    "@azure/functions": "^1.0.3",
     "@nestjs/axios": "^4.0.0",
     "@nestjs/azure-func-http": "^0.10.0",
-    "@nestjs/common": "^10.0.0",
+    "@nestjs/common": "^11.0.11",
-    "@nestjs/config": "^4.0.0",
+    "@nestjs/config": "^4.0.1",
-    "@nestjs/core": "^10.0.0",
+    "@nestjs/core": "^11.0.11",
-    "@nestjs/platform-express": "^10.0.0",
+    "@nestjs/platform-express": "^11.0.11",
     "@noahspan/azure-database": "^3.1.2",
-    "@noahspan/noahspan-modules": "^0.6.5",
+    "@noahspan/noahspan-modules": "^1.1.5",
     "axios": "^1.7.9",
-    "reflect-metadata": "^0.1.14",
+    "reflect-metadata": "^0.2.2",
-    "rxjs": "^7.8.1",
+    "rxjs": "7.8.2",
     "uuid": "^11.0.5"
   },
   "devDependencies": {
     "@angular-devkit/schematics": "^19.1.4",
-    "@nestjs/cli": "^10.0.0",
+    "@nestjs/cli": "^11.0.5",
-    "@nestjs/schematics": "^10.0.0",
+    "@nestjs/schematics": "^11.0.2",
-    "@nestjs/testing": "^10.0.0",
+    "@nestjs/testing": "^11.0.11",
     "@schematics/angular": "^19.1.4",
     "@types/express": "^4.17.17",
     "@types/jest": "^29.5.2",
@@ -59,6 +58,9 @@
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.1.3"
   },
+  "files": [
+    "dist"
+  ],
   "jest": {
     "moduleFileExtensions": [
       "js",

api/src/app.controller.ts

@@ -1,78 +0,0 @@
-import {
-  Controller,
-  Get,
-  Headers,
-  Query,
-  StreamableFile,
-  UseGuards
-} from '@nestjs/common';
-// import { Client as MsGraphClient } from '@microsoft/microsoft-graph-client';
-import { MsGraphService } from '@noahspan/noahspan-modules'
-
-@Controller()
-export class AppController {
-  constructor(
-    private readonly msGraphService: MsGraphService
-  ) {}
-
-  @Get('userPhoto')
-  async getProfilePhoto(@Headers() headers: any): Promise<StreamableFile> {
-    // try {
-    //   const graphToken: string = await this.msGraphService.getMsGraphAuth(
-    //     headers.authorization.replace('Bearer ', ''),
-    //     ['user.read']
-    //   );
-    //   const client: MsGraphClient =
-    //     await this.msGraphService.getMsGraphClientDelegated(graphToken);
-    //   const blob: Blob = await client.api(`me/photos('48x48')/$value`).get();
-    //   const arrayBuffer: ArrayBuffer = await blob.arrayBuffer();
-    //   const buffer: Buffer = Buffer.from(arrayBuffer);
-
-    //   return new StreamableFile(buffer, {
-    //     type: 'application/json',
-    //     disposition: `attachment; filename="user_photo.png"`
-    //   });
-    // } catch (error) {
-    //   return error;
-    // }
-
-    try {
-      const buffer = await this.msGraphService.getProfilePhoto(
-        headers.authorization.replace('Bearer ', ''),
-        ['user.read']
-      )
-
-      return new StreamableFile(buffer, {
-        type: 'application/json',
-        disposition: `attachment; filename="user_photo.png"`
-      });
-    } catch (error) {
-      return error;
-    }
-  }
-
-  @Get('userProfile')
-  async getUserProfile(@Headers() headers: any): Promise<any> {
-    // try {
-    //   const graphToken: string = await this.msGraphService.getMsGraphAuth(
-    //     headers.authorization.replace('Bearer ', ''),
-    //     ['user.read']
-    //   );
-    //   const client: MsGraphClient =
-    //     await this.msGraphService.getMsGraphClientDelegated(graphToken);
-    //   const userProfile = await client.api(`me`).get();
-
-    //   return userProfile;
-    // } catch (error) {
-    //   return error;
-    // }
-
-    try {
-      const userProfile = await this.msGraphService.getUserProfile(headers.authorization.replace('Bearer ', ''));
-      
-      return userProfile;
-    } catch (error) {
-      return error;
-    }
-  }
-}

api/src/app.module.ts

@@ -1,11 +1,10 @@
 import { Module } from '@nestjs/common';
-import { APP_FILTER, APP_GUARD } from '@nestjs/core';
+import { APP_FILTER } from '@nestjs/core';
 import { HttpExceptionFilter } from './filters/http-exception.filter';
 import { ProjectModule } from './project/project.module';
-import { AuthGuard, AuthModule, MsGraphModule } from '@noahspan/noahspan-modules'
+import { AuthModule, UserModule } from '@noahspan/noahspan-modules'
 import { ConfigModule, ConfigService } from '@nestjs/config';
 import configuration from './config/configuration';
-import { AppController } from './app.controller';
 
 @Module({
   imports: [
@@ -23,7 +22,7 @@ import { AppController } from './app.controller';
     ConfigModule.forRoot({
       load: [configuration]
     }),
-    MsGraphModule.registerAsync({
+    UserModule.registerAsync({
       inject: [ConfigService],
       imports: [ConfigModule],
       useFactory: async (configService: ConfigService) => {
@@ -36,15 +35,10 @@ import { AppController } from './app.controller';
     }),
     ProjectModule
   ],
-  controllers: [AppController],
   providers: [
     {
       provide: APP_FILTER,
       useClass: HttpExceptionFilter
-    },
-    {
-      provide: APP_GUARD,
-      useClass: AuthGuard
     }
   ]
 })

api/src/config/configuration.ts

@@ -1,4 +1,5 @@
 export default () => ({
+  azureStorageConnectionString: process.env.AZURE_STORAGE_CONNECTION_STRING,
   clientId: process.env.CLIENT_ID,
   clientSecret: process.env.CLIENT_SECRET,
   tenantId: process.env.TENANT_ID

api/src/index.css

@@ -0,0 +1,3 @@
+body {
+  background-color: #f2f2f2;
+}

api/src/project/project.controller.ts

@@ -12,13 +12,14 @@ import {
 import { ProjectDto } from './project.dto';
 import { Project } from './project.entity';
 import { ProjectService } from './project.service';
-import { CustomError, Public } from '@noahspan/noahspan-modules';
+import { AuthGuard, CustomError, Public } from '@noahspan/noahspan-modules';
 
 @Controller('projects')
 export class ProjectController {
   constructor(private readonly projectService: ProjectService) {}
 
   @Get(':partitionKey/:rowKey')
+  @UseGuards(AuthGuard)
   async find(
     @Param('partitionKey') partitionKey: string,
     @Param('rowKey') rowKey: string
@@ -32,12 +33,12 @@ export class ProjectController {
     }
   }
 
-  @Public()
   @Get()
   async findAll() {
     try {
       return await this.projectService.findAll();
     } catch (error) {
+      console.log(error)
       const customError = error as CustomError;
 
       throw new HttpException(customError.message, customError.statusCode);
@@ -45,6 +46,7 @@ export class ProjectController {
   }
 
   @Post()
+  @UseGuards(AuthGuard)
   async create(@Body() projectDto: ProjectDto) {
     try {
       const project = new Project();
@@ -60,6 +62,7 @@ export class ProjectController {
   }
 
   @Put(':partitionKey/:rowKey')
+  @UseGuards(AuthGuard)
   async update(
     @Param('partitionKey') partitionKey: string,
     @Param('rowKey') rowKey: string,
@@ -79,6 +82,7 @@ export class ProjectController {
   }
 
   @Delete(':partitionKey/:rowKey')
+  @UseGuards(AuthGuard)
   async delete(
     @Param('partitionKey') partitionKey: string,
     @Param('rowKey') rowKey: string

api/src/project/project.entity.ts

@@ -1,7 +1,9 @@
+import { EntityString } from '@noahspan/azure-database';
+
 export class Project {
-  partitionKey: string;
+  @EntityString() partitionKey: string;
-  rowKey: string;
+  @EntityString() rowKey: string;
-  displayName: string;
+  @EntityString() displayName: string;
-  icon: string;
+  @EntityString() icon: string;
-  summary: string;
+  @EntityString() summary: string;
 }

api/src/project/project.module.ts

@@ -17,7 +17,7 @@ import { ConfigModule, ConfigService } from '@nestjs/config';
       inject: [ConfigService]
     }),
     AzureTableStorageModule.forFeature(Project, {
-      createTableIfNotExists: true,
+      createTableIfNotExists: false,
       table: 'projects'
     }),
   ],

api/src/project/project.service.ts

@@ -1,7 +1,6 @@
 import { InjectRepository, Repository } from '@noahspan/azure-database';
 import { Injectable } from '@nestjs/common';
 import { Project } from './project.entity';
-import { v4 as uuidv4 } from 'uuid';
 
 @Injectable()
 export class ProjectService {

app/README.md

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

app/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "app2",
+  "name": "app",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,7 +13,7 @@
     "@azure/msal-browser": "^4.2.1",
     "@azure/msal-react": "^3.0.4",
     "@microsoft/microsoft-graph-types": "^2.40.0",
-    "@noahspan/noahspan-components": "^1.3.1",
+    "@noahspan/noahspan-components": "^1.8.1",
     "axios": "^1.7.9",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -32,5 +32,8 @@
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0"
-  }
+  },
+  "files": [
+    "dist"
+  ]
 }

app/src/App.tsx

@@ -1,7 +1,6 @@
 import { Route, Routes } from 'react-router-dom';
 import Projects from './components/projects/Projects';
 import SiteNav from './components/siteNav/SiteNav';
-import { useAppContext } from './hooks/appContext/UseAppContext';
 import { IPublicClientApplication } from '@azure/msal-browser';
 import { MsalProvider } from '@azure/msal-react';
 
@@ -10,8 +9,6 @@ interface AppProps {
 }
 
 const App = ({ pca }: AppProps) => {
-  const appContext = useAppContext();
-
   return (
     <MsalProvider instance={pca}>
       <SiteNav />

app/src/components/actionMenu/ActionMenu.tsx

@@ -3,6 +3,7 @@ import { ActionMenuProps } from './ActionMenuProps.interface';
 import {
   Icon,
   IconButton,
+  IconName,
   ListItemIcon,
   ListItemText,
   Menu,
@@ -26,7 +27,7 @@ const ActionMenu = ({ id, onDelete, onOpenCloseForm }: ActionMenuProps) => {
   return (
     <div>
       <IconButton onClick={onOpenActionMenu}>
-        <Icon iconName='fa-ellipsis-vertical' size="sm" />
+        <Icon iconName={IconName.ELLIPSIS_VERTICAL} size="sm" />
       </IconButton>
       <Menu
         anchorEl={anchorElAction}
@@ -36,20 +37,20 @@ const ActionMenu = ({ id, onDelete, onOpenCloseForm }: ActionMenuProps) => {
       >
         <MenuItem onClick={() => onOpenCloseForm(FormMode.EDIT, id)}>
           <ListItemIcon>
-            <Icon iconName='fa-pen' size="lg" />
+            <Icon iconName={IconName.PEN} size="lg" />
           </ListItemIcon>
           <ListItemText>Edit</ListItemText>
         </MenuItem>
         <MenuItem onClick={() => onOpenCloseForm(FormMode.VIEW, id)}>
           <ListItemIcon>
-            <Icon iconName='fa-eye' size="lg" />
+            <Icon iconName={IconName.EYE} size="lg" />
           </ListItemIcon>
           <ListItemText>View</ListItemText>
         </MenuItem>
         <hr className="my-3" />
         <MenuItem onClick={() => onDelete(id)}>
           <ListItemIcon>
-            <Icon iconName='fa-trash' size="lg" />
+            <Icon iconName={IconName.TRASH} size="lg" />
           </ListItemIcon>
           <ListItemText>Delete</ListItemText>
         </MenuItem>

app/src/components/confirmationDialog/ConfirmationDialog.tsx

@@ -1,5 +1,4 @@
 import {
-  Box,
   Button,
   Dialog,
   DialogActions,
@@ -7,6 +6,7 @@ import {
   DialogContentText,
   DialogTitle,
   Icon,
+  IconName,
   Spinner
 } from '@noahspan/noahspan-components';
 import { ConfirmationDialogProps } from './ConfirmationDialogProps.interface';
@@ -33,13 +33,13 @@ const ConfirmationDialog = ({
         {isLoading && <Spinner />}
       </DialogContent>
       <DialogActions>
-        <Button onClick={onCancel} variant="outlined" startIcon={<Icon iconName='fa-xmark' />}>
+        <Button onClick={onCancel} variant="outlined" startIcon={<Icon iconName={IconName.XMARK} />}>
           No
         </Button>
         <Button
           onClick={onConfirm}
           variant="contained"
-          startIcon={<Icon iconName='fa-circle-check'/>}
+          startIcon={<Icon iconName={IconName.CIRCLE_CHECK}/>}
         >
           Yes
         </Button>

app/src/components/projectForm/ProjectForm.tsx

@@ -15,7 +15,7 @@ import { initialState, reducer } from './reducer';
 import { ProjectFormProps } from './ProjectFormProps.interface';
 import { FormMode } from '../../enums/formMode';
 import { useIsAuthenticated } from '@azure/msal-react';
-import { useAccessToken } from '../../hooks/accessToken/UseAccessToken';
+import { useAccessToken } from '../../hooks/accessToken/UseAccessToken'
 import { useHttpClient } from '../../hooks/httpClient/UseHttpClient';
 import { AxiosError, AxiosInstance, AxiosResponse } from 'axios';
 
@@ -47,7 +47,6 @@ const ProjectForm = ({ isDrawerOpen, mode, onOpenClose, projectId }: ProjectForm
   };
 
   const onSubmit = async (data: unknown) => {
-    console.log(data)
     try {
       dispatch({ type: 'SET_IS_LOADING', payload: true });
 

app/src/components/projects/Projects.tsx

@@ -1,5 +1,6 @@
 import { Project } from './Project.interface';
 import {
+  Alert,
   Box,
   Button,
   Card,
@@ -10,6 +11,8 @@ import {
   Grid,
   Icon,
   IconName,
+  Skeleton,
+  Stack,
   Typography
 } from '@noahspan/noahspan-components';
 import { useIsAuthenticated } from '@azure/msal-react';
@@ -29,36 +32,20 @@ const Projects = () => {
   const isAuthenticated = useIsAuthenticated();
   const { getAccessToken } = useAccessToken();
 
-  const findIconByName: IconName = (name: string) => {
-    const keys = Object.keys(IconName);
-
-    for (const key of keys) {
-      if (IconName[key] === name) {
-        return key
-      }
-    }
-
-    return undefined;
-  }
-
   const getProjects = async (): Promise<Project[]> => {
     try {
-      // const config = isAuthenticated
-      //   ? { headers: { Authorization: await getAccessToken() } }
-      //   : {};
       const response: AxiosResponse = await httpClient.get(
         `api/projects`,
-        // config
       );
       const projects: Project[] = response.data;
 
-      projects.sort((a, b) => Number(a.order) - Number(b.order))
+      projects.sort((a, b) => Number(a.order) - Number(b.order));
-
-      console.log(projects)
 
       return projects;
     } catch (error) {
-      throw new Error('broken');
+      const axiosError = error as AxiosError;
+
+      throw new Error(axiosError.message);
     }
   };
 
@@ -107,19 +94,19 @@ const Projects = () => {
         ? { headers: { Authorization: `${token}` } }
         : {};
 
-      // await httpClient.delete(`api/logs/log/${state.selectedEntryId}`, config);
+      await httpClient.delete(`api/projects/project/${state.selectedProjectId}`, config);
 
       dispatch({
         type: 'SET_DELETE',
         payload: { isConfirmationDialogOpen: false, selectedProjectId: undefined }
       });
-      // await getProjects();
+      await getProjects();
     } catch (error) {
       const axiosError = error as AxiosError;
 
       dispatch({
-        type: 'SET_ERROR',
+        type: 'SET_ALERT',
-        payload: `Loading of logbook entries failed with the following message: ${axiosError.message}`
+        payload: { severity: 'error', message: `Loading of projects failed with the following message: ${axiosError.message}` }
       });
     } finally {
       dispatch({ type: 'SET_IS_CONFIRMATION_DIALOG_LOADING', payload: false });
@@ -136,16 +123,32 @@ const Projects = () => {
   useEffect(() => {
     const loadProjects = async () => {
       try {
+        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) {
-        console.log(error);
+        dispatch({
+          type: 'SET_ALERT',
+          payload: { severity: 'error', message: `Loading of projects failed with the following message: ${error}` }
+        });
+      } finally {
+        dispatch({ type: 'SET_IS_LOADING', payload: false })
       }
     }
     
-    loadProjects()
+    if (!state.isFormOpen || !state.isConfirmDialogOpen) {
-  }, []);
+      loadProjects();
+    }
+  }, [state.isFormOpen, state.isConfirmDialogOpen]);
 
   return (
     <Container>
@@ -158,14 +161,27 @@ const Projects = () => {
             {isAuthenticated &&
               <Button
                 onClick={() => onOpenCloseProjectForm(FormMode.ADD)}
-                startIcon={<Icon iconName='fa-plus' />}
+                startIcon={<Icon iconName={IconName.PLUS}/>}
                 variant='contained'
               >
                 Add Project
               </Button>
             }
           </Grid>
-          {state.projects.length > 0 && state.projects.map((project: Project) => {
+          {!state.isLoading && state.alert && (
+            <Grid display="flex" justifyContent="center" size={12}>
+              <Alert
+                onClose={() =>
+                  dispatch({ type: 'SET_ALERT', payload: undefined })
+                }
+                severity={state.alert.severity}
+                sx={{ width: '100%' }}
+              >
+                {state.alert.message}
+              </Alert>
+            </Grid>
+          )}
+          {!state.isLoading && state.projects.length > 0 && state.projects.map((project: Project) => {
             return (
               <Grid display='flex' justifyContent='center' size={12}>
                 <Card
@@ -175,7 +191,7 @@ const Projects = () => {
                 >
                   <CardHeader
                     action={isAuthenticated ? <ActionMenu id={project.rowKey} onDelete={onDeleteProject} onOpenCloseForm={onOpenCloseProjectForm} /> : null}
-                    avatar={<Icon iconName={IconName[findIconByName(project.iconName)]} size='2x' />}
+                    avatar={<Icon iconName={project.iconName as IconName} size='2x' />}
                     subheader={project.subTitle}
                     title={project.title}
                     slotProps={{
@@ -198,7 +214,6 @@ const Projects = () => {
                             component='a'
                             href={`https://github.com/noahspannbauer/${project.repoName}`}
                             startIcon={<Icon iconName={IconName.GITHUB} />}
-                            target='_blank'
                           >
                             Code
                           </Button>
@@ -215,12 +230,42 @@ const Projects = () => {
                         }
                       </Grid>
                     </Grid>
-                    
                   </CardActions>
                 </Card>
               </Grid>
             )
           })}
+          {state.isLoading && [...Array(6)].map((_element, index) => {
+            return (
+              <Grid display='flex' justifyContent='center' size={12}>
+                <Card
+                  key={index}
+                  sx={{
+                    width: '100%'
+                  }}
+                >
+                  <CardContent>
+                    <Grid container spacing={2}>
+                      <Grid size={1}>
+                        <Skeleton height={100} width={60} />
+                      </Grid>
+                      <Grid size={11}>
+                        <Stack>
+                          <Skeleton height={60} />
+                          <Skeleton height={30} />
+                        </Stack>
+                      </Grid>
+                      <Grid size={12}>
+                        <Skeleton />
+                        <Skeleton />
+                        <Skeleton />
+                      </Grid>
+                    </Grid>
+                  </CardContent>
+                </Card>
+              </Grid>
+            )
+          })}
         </Grid>
         {state.isFormOpen && 
           <ProjectForm

app/src/components/projects/ProjectsState.interface.ts

@@ -1,10 +1,11 @@
 import { FormMode } from '../../enums/formMode';
+import { Alert } from '../../interfaces';
 import { Project } from './Project.interface';
 
 export interface ProjectsState {
+  alert: Alert | undefined;
   projects: Project[];
   formMode: FormMode;
-  error: string | undefined;
   isConfirmDialogLoading: boolean;
   isConfirmDialogOpen: boolean;
   isFormOpen: boolean;

app/src/components/projects/reducer.ts

@@ -1,6 +1,7 @@
 import { FormMode } from '../../enums/formMode';
 import { ProjectsState } from './ProjectsState.interface'
 import { Project } from './Project.interface';
+import { Alert } from '../../interfaces';
 
 type Action =
   | {
@@ -11,7 +12,7 @@ type Action =
       };
     }
   | { type: 'SET_PROJECTS'; payload: Project[] }
-  | { type: 'SET_ERROR'; payload: string | undefined }
+  | { type: 'SET_ALERT'; payload: Alert | undefined }
   | { type: 'SET_FORM_MODE'; payload: FormMode }
   | { type: 'SET_IS_CONFIRMATION_DIALOG_LOADING'; payload: boolean }
   | { type: 'SET_IS_LOADING'; payload: boolean }
@@ -25,13 +26,13 @@ type Action =
     };
 
 export const initialState: ProjectsState = {
-  projects: [],
+  alert: undefined,
-  error: undefined,
   formMode: FormMode.CANCEL,
   isConfirmDialogLoading: false,
   isConfirmDialogOpen: false,
   isFormOpen: false,
   isLoading: false,
+  projects: [],
   selectedProjectId: undefined
 };
 
@@ -53,10 +54,10 @@ export const reducer = (
         projects: action.payload
       };
     }
-    case 'SET_ERROR': {
+    case 'SET_ALERT': {
       return {
         ...state,
-        error: action.payload
+        alert: action.payload
       };
     }
     case 'SET_FORM_MODE': {

app/src/components/siteNav/SiteNav.tsx

@@ -3,9 +3,9 @@ import { useNavigate } from 'react-router-dom';
 import { useAppContext } from '../../hooks/appContext/UseAppContext';
 import {
   Icon,
+  IconName,
   MenuItem,
   Navbar,
-  Spinner,
   Typography
 } from '@noahspan/noahspan-components';
 import { useIsAuthenticated, useMsal } from '@azure/msal-react';
@@ -14,21 +14,25 @@ import { useHttpClient } from '../../hooks/httpClient/UseHttpClient';
 import { AxiosInstance, AxiosResponse } from 'axios';
 import { User } from '@microsoft/microsoft-graph-types';
 
-const SiteNav = () => {
+const SiteNav: React.FC<unknown> = () => {
-  const [loading, setLoading] = useState<boolean>(false);
   const [userPhoto, setUserPhoto] = useState<string>();
+  const [pages, setPages] = useState<{ name: string; url: string; }[]>([]);
   const httpClient: AxiosInstance = useHttpClient();
   const appContext = useAppContext();
   const isAuthenticated = useIsAuthenticated();
   const { getAccessToken } = useAccessToken();
   const { instance } = useMsal();
   const navigate = useNavigate();
-  const pages = [
+  const getPages = () => {
-    {
+    const pages = [
-      name: 'Projects',
+      {
-      url: '/'
+        name: 'Projects',
-    }
+        url: '/'
-  ];
+      }
+    ];
+
+    setPages(pages)
+  };
   const handleSignIn = () => {
     instance.loginRedirect({
       scopes: [`api://${import.meta.env.VITE_CLIENT_ID}/user_impersonation`]
@@ -39,7 +43,7 @@ const SiteNav = () => {
   };
   const getUserProfile = async (accessToken: string): Promise<User> => {
     try {
-      const response: AxiosResponse = await httpClient.get(`api/userProfile`, {
+      const response: AxiosResponse = await httpClient.get(`api/user/profile`, {
         headers: {
           Authorization: accessToken
         }
@@ -53,7 +57,7 @@ const SiteNav = () => {
   };
   const getUserPhoto = async (accessToken: string): Promise<string> => {
     try {
-      const response: AxiosResponse = await httpClient.get(`api/userPhoto`, {
+      const response: AxiosResponse = await httpClient.get(`api/user/photo`, {
         headers: {
           Authorization: accessToken
         },
@@ -65,7 +69,6 @@ const SiteNav = () => {
 
       return imageUrl;
     } catch (error) {
-      console.log(error);
       throw new Error();
     }
   };
@@ -76,7 +79,7 @@ const SiteNav = () => {
   const Settings = () => {
     return (
       <MenuItem onClick={handleSignOut}>
-        <Icon iconName='fa-sign-out' />
+        <Icon iconName={IconName.SIGN_OUT} />
         <Typography sx={{ marginLeft: '10px', textAlign: 'center' }}>
           Sign Out
         </Typography>
@@ -87,8 +90,6 @@ const SiteNav = () => {
   useEffect(() => {
     const setUserProfile = async () => {
       try {
-        setLoading(true);
-
         const accessToken: string = await getAccessToken();
         const userProfile = await getUserProfile(accessToken);
         const userPhoto = await getUserPhoto(accessToken);
@@ -101,8 +102,6 @@ const SiteNav = () => {
         });
       } catch (error) {
         console.log(error);
-      } finally {
-        setLoading(false);
       }
     };
 
@@ -111,15 +110,20 @@ const SiteNav = () => {
       Object.keys(appContext.state.userProfile).length === 0
     ) {
       setUserProfile();
+      getPages();
     }
   }, [isAuthenticated]);
 
+  useEffect(() => {
+    getPages();
+  }, [])
+
   return (
     <Navbar
       handlePageClick={handlePageClick}
       handleSignIn={handleSignIn}
       isAuthenticated={isAuthenticated}
-      logo={<Icon iconName='fa-user-tie' size="2x" />}
+      logo={<Icon iconName={IconName.USER_TIE} size='2xl' />}
       pages={pages}
       settings={<Settings />}
       userPhoto={userPhoto}

app/src/context/appContext/AppContextProvider.tsx

@@ -9,7 +9,6 @@ const AppContextProvider = (
   props: AppContextProviderProps
 ) => {
   const intialState: AppContextState = {
-    featureFlags: [],
     userProfile: {}
   };
   const [state, dispatch] = useReducer(reducer, intialState);

app/src/context/appContext/AppContextState.interface.ts

@@ -1,6 +1,5 @@
 import { User } from '@microsoft/microsoft-graph-types';
 
 export interface AppContextState {
-  featureFlags: { key: string; enabled: boolean }[];
   userProfile: User;
 }

app/src/index.css

@@ -0,0 +1,3 @@
+body {
+  background-color: #f2f2f2;
+}

app/src/interfaces.ts

@@ -0,0 +1,4 @@
+export interface Alert {
+  severity: 'success' | 'error' | 'info' | 'warning';
+  message: string;
+}

app/src/main.tsx

@@ -6,6 +6,7 @@ import { BrowserRouter } from 'react-router-dom';
 import { AuthenticationResult, EventMessage, EventType, PublicClientApplication } from '@azure/msal-browser';
 import { msalConfig } from './auth/msalConfig.ts';
 import AppContextProvider from './context/appContext/AppContextProvider.tsx';
+import './index.css';
 
 const msalInstance: PublicClientApplication = new PublicClientApplication(msalConfig);
 

app2/README.md

@@ -1,50 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```

data/profile/profile.json

@@ -1,212 +0,0 @@
-{
-  "experiences": [
-    {
-      "jobTitle": "Senior Software Engineer",
-      "company": "Sensonix, Inc.",
-      "location": "Plymouth, Minnesota",
-      "startDate": "April 2023",
-      "endDate": "Present",
-      "details": null
-    },
-    {
-      "jobTitle": "Senior Software Engineer",
-      "company": "Amano McGann, Inc.",
-      "location": "Roseville, Minnesota",
-      "startDate": "July 2022",
-      "endDate": "April 2023",
-      "details": null
-    },
-    {
-      "jobTitle": "Senior Software Engineer",
-      "company": "Optum",
-      "location": "Eden Prairie, Minnesota",
-      "startDate": "March 2021",
-      "endDate": "June 2022",
-      "details": null
-    },
-    {
-      "jobTitle": "Senior Software Engineer",
-      "company": "Target",
-      "location": "Minneapolis, Minnesota",
-      "startDate": "December 2018",
-      "endDate": "February 2021",
-      "details": null
-    },
-    {
-      "jobTitle": "Developer, Business Systems",
-      "company": "Minnesota Twins",
-      "location": "Minneapolis, Minnesota",
-      "startDate": "February 2017",
-      "endDate": "December 2018",
-      "details": null
-    },
-    {
-      "jobTitle": "SharePoint Administrator/Developer",
-      "company": "Minnesota Judicial Branch",
-      "location": "Saint Paul, Minnesota",
-      "startDate": "January 2016",
-      "endDate": "February 2017",
-      "details": null
-    },
-    {
-      "jobTitle": "Consultant",
-      "company": "Magenic Technologies",
-      "location": "Saint Louis Park, Minnesota",
-      "startDate": "August 2011",
-      "endDate": "January 2016",
-      "details": null
-    }
-  ],
-  "education": [
-    {
-      "school": "Metropolitan State University",
-      "location": "Saint Paul, Minnesota",
-      "degree": "Bachelor of Arts",
-      "fieldOfStudy": "Technical Communication"
-    },
-    {
-      "school": "Century College",
-      "location": "White Bear Lake, Minnesota",
-      "degree": "Associate of Arts",
-      "fieldOfStudy": "Liberal Arts"
-    }
-  ],
-  "about": {
-    "details": "\\# This is some markdown.",
-    "summary": null
-  },
-  "intro": {
-    "firstName": "Noah",
-    "lastName": "Spannbauer",
-    "photoUrl": null,
-    "title": "Senior Software Engineer",
-    "location": "Minneapolis, Minnesota, United States"
-  },
-  "skills": [
-    {
-      "category": "Experienced",
-      "group": "Agile Methodologies",
-      "skills": [
-        "Scrum"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Containerization",
-      "skills": [
-        "Docker",
-        "Kubernetes",
-        "Helm"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Continuous Integration and Continuous Delivery",
-      "skills": [
-        "GitHub Actions",
-        "Argo CD"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Database",
-      "skills": [
-        "PostgreSQL"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Front-End Web Development",
-      "skills": [
-        "React",
-        "Node.js"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Infrastructure as Code",
-      "skills": [
-        "Terraform"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Messaging",
-      "skills": [
-        "RabbitMQ"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Programming Languages",
-      "skills": [
-        "JavaScript",
-        "Typescript"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Test Automation",
-      "skills": [
-        "Cucumber",
-        "Gherkin",
-        "Jest",
-        "Playwright"
-      ]
-    },
-    {
-      "category": "Experienced",
-      "group": "Cloud",
-      "skills": [
-        "Amazon Web Services (AWS)"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Cloud",
-      "skills": [
-        "Azure"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Continuous Integration and Continuous Delivery",
-      "skills": [
-        "Azure DevOps",
-        "Drone",
-        "Vela"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Database",
-      "skills": [
-        "MongoDB",
-        "SQL Server"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Messaging",
-      "skills": [
-        "Khafka"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Programming Languages",
-      "skills": [
-        "C#",
-        "Powershell"
-      ]
-    },
-    {
-      "category": "Familiar",
-      "group": "Test Automation",
-      "skills": [
-        "Cypress"
-      ]
-    }
-  ],
-  "___mb_schema": "/.mattrbld/schemas/Profile.json"
-}

data/projects/projects.json

@@ -1,23 +0,0 @@
-{
-  "projects": [
-    {
-      "repoName": "noahspan-components",
-      "title": "Components (React + Storybook)",
-      "iconName": "fa-puzzle-piece",
-      "summary": "A component library with custom React components, extended components from Material UI, and a subset of Font Awesome icons."
-    },
-    {
-      "repoName": "noahspan-flying",
-      "title": "Flying (React + Nest.js)",
-      "iconName": "fa-plane",
-      "summary": "A pilot logbook for logging flight hours."
-    },
-    {
-      "repoName": "noahspan-modules",
-      "title": "Modules (Nest.js)",
-      "iconName": "fa-gear",
-      "summary": "A library of custom modules for projects using Nest.js."
-    }
-  ],
-  "___mb_schema": "/.mattrbld/schemas/Projects.json"
-}

docker-compose.yaml

@@ -2,10 +2,33 @@ version: '3.8'
 
 services:
   azurite:
-    container_name: azurite
+    container_name: azurite-root
     image: mcr.microsoft.com/azure-storage/azurite:3.33.0
     ports:
       - '10000:10000'
       - '10001:10001'
       - '10002:10002'
     command: 'azurite --blobHost 0.0.0.0 --queueHost 0.0.0.0 --tableHost 0.0.0.0 --loose'
+    volumes: 
+      - ./azurite-root:/data
+
+  api:
+    container_name: root-api
+    build:
+      context: .
+      target: api
+    ports:
+      - '3000:3000'
+    env_file:
+      - ./api/.env
+
+  app:
+    container_name: root-app
+    build:
+      context: .
+      target: app
+    ports: 
+      - '8080:8080'
+
+volumes:
+  azurite-root:

infrastructure/.terraform.lock.hcl

@@ -2,20 +2,20 @@
 # Manual edits may be lost in future updates.
 
 provider "registry.terraform.io/hashicorp/azurerm" {
-  version = "3.104.0"
+  version = "4.26.0"
   hashes = [
-    "h1:SSBkZNrevDxOI6j9tVel7/BKX/5xaMYUqx4qhLvrjS4=",
+    "h1:Vdylhj5W0M+J62bOOdvVUlmGB7M5TfaNRcThdb8ydcc=",
-    "zh:01aa74b1e13c797b20407c37c683b945ffb24462bb39cdaddcf5b3297272c85a",
+    "zh:0e381bace81028596d60e253bc320bf62d00ae2ec207d7c7e70cdbec5f543334",
-    "zh:42c3a69ece44ed6dbd5145dadbdbde9a2e99c3dc0b5a0b28544fd68e796a755d",
+    "zh:32c8cf70e476a4d0e0a2d4cb94b4a4e95c287c5972ca1e8c0f37dc629fbe31cb",
-    "zh:48102182e71a10f8337828239d770953fb54e95c4f617a5a327316ba7d9c9aa5",
+    "zh:568ebaa4c66fc668dc14c8ff323e47fc7b2ac3b5a5d9eec612de2b6a30164f4c",
-    "zh:4c086420f1acc033b5901dc266721a38f43cbab43dedae149df3ccd8d1a3615d",
+    "zh:596c218810ffb85bc7224574b6ba6dbab9295bfa7490eac98c5ff88beae75710",
-    "zh:634e3d701798d699f502c86d1ee591778fa0a46be81a220bd849c0389cd742f1",
+    "zh:75a0e5b60f24684d62944714deb1c790b17c8d4acc93b5cdb45a8187d887b7f1",
-    "zh:6aa0c6cb606dcd8efe90fb9fb872aa5406119264ce2819d8daf35c813e6ba2f7",
+    "zh:7d2abea6ab66a08fed7d1ab8d4f3a8344fe7e2ac76d7409a3e40e8c066df6f22",
-    "zh:8604d0a159b1905d7a92448d5e2e1ec0b3275b9b2d8f7986f4a566f570a6f90c",
+    "zh:7f4db75991fd610b2c0306226e5e1916d4b633cdb0126bc78951dce2365b3418",
-    "zh:912ddd9a43cbb168a58f1af625a8fe111e505c059442ad6126905449e5013877",
+    "zh:95fe307defb6e0dc172855fa597140f3da96655b3c558c140ae51a4a6077f58d",
-    "zh:9ed54f1e7ae7881611ae659bfbd11db878adc77aa848b920cc0d76a1ab41a2ac",
+    "zh:ae07cdd3c658c0e24d45f1cfadf8b085b18981bcd72a20093ce3f042ed0adf3f",
-    "zh:b507020a566bdbc0dfe868103664361e8ee5549de6edceb7f5d6837dcd8af5a3",
+    "zh:d2a471b9e42499a7247f873aebd5cbc8df0c6691f02a5c9b556aa00045c06869",
+    "zh:e0299c0f6eae2b1c935f552f76fc49a2e61975eeda9410e3920a004b74d9e750",
     "zh:f569b65999264a9416862bca5cd2a6177d94ccb0424f3a4ef424428912b9cb3c",
-    "zh:f7fc6699a0359183911448bf9736777cd6d8ce91fd20d682cf635fa58e2905dd",
   ]
 }

infrastructure/config/main.tf

@@ -5,8 +5,8 @@ locals {
   }
 
   container_app_app_container_image = {
-    test = "noahspan/root-app:v0.0.1"
+    test = "noahspan/root-app:v1.0.0"
-    prod = "noahspan/root-app:v0.0.1"
+    prod = "noahspan/root-app:v1.0.0"
   }
 
   container_app_app_container_name = {
@@ -20,8 +20,8 @@ locals {
   }
 
   container_app_api_container_image = {
-    test = "noahspan/root-api:v0.0.1"
+    test = "noahspan/root-api:v1.0.0"
-    prod = "noahspan/root-api:v0.0.1"
+    prod = "noahspan/root-api:v1.0.0"
   }
 
   container_app_api_container_name = {
@@ -49,11 +49,47 @@ locals {
     prod = "root-log-analytics-workspace-prod"
   }
 
+  static_websites = {
+    test = [
+      {
+        error_404_document = "custom_not_found.html"
+        index_document = "index.html"
+      }
+    ]
+    prod = [
+      {
+        error_404_document = "custom_not_found.html"
+        index_document = "index.html"
+      }
+    ]
+  }
+
   storage_account_name = {
     test = "noahspanroottest"
     prod = "noahspanrootprod"
   }
 
+  storage_blobs = {
+    test = [
+      {
+        name = "web"
+        storage_container_name = "$web"
+        type = "Block"
+        content_type = "text/html"
+        source = "index.html"
+      }
+    ]
+    prod = [
+      {
+        name = "web"
+        storage_container_name = "$web"
+        type = "Block"
+        content_type = "text/html"
+        source = "index.html"
+      }
+    ]
+  }
+
   storage_tables = {
     test = ["projects"]
     prod = ["projects"]

infrastructure/config/outputs.tf

@@ -38,10 +38,18 @@ output "log_analytics_workspace_name" {
   value = local.log_analytics_workspace_name[var.environment]
 }
 
+output "static_websites" {
+  value = local.static_websites[var.environment]
+}
+
 output "storage_account_name" {
   value = local.storage_account_name[var.environment]
 }
 
+output "storage_blobs" {
+  value = local.storage_blobs[var.environment]
+}
+
 output "storage_tables" {
   value = local.storage_tables[var.environment]
 }

infrastructure/main.tf

@@ -1,3 +1,12 @@
+module "storage" {
+  source = "github.com/noahspannbauer/noahspan-terraform/modules/storage"
+  resource_group_name = var.RESOURCE_GROUP_NAME
+  static_websites = module.environment.static_websites
+  storage_account_name = module.environment.storage_account_name
+  storage_blobs = module.environment.storage_blobs
+  storage_tables = module.environment.storage_tables
+}
+
 module "container_app" {
   source = "github.com/noahspannbauer/noahspan-terraform/modules/container_app"
   app_subdomain_name = var.APP_SUBDOMAIN_NAME
@@ -17,7 +26,6 @@ module "container_app" {
   domain_name = var.DOMAIN_NAME
   log_analytics_workspace_name = module.environment.log_analytics_workspace_name
   resource_group_name = var.RESOURCE_GROUP_NAME
-  storage_account_name = module.environment.storage_account_name
+  storage_account_primary_connection_string = module.storage.storage_account_primary_connection_string
-  storage_tables = module.environment.storage_tables
   tenant_id = var.TENANT_ID
 }

package.json

@@ -1,11 +1,12 @@
 {
-  "name": "noahspan-root",
+  "name": "@noahspan/noahspan-root",
-  "version": "1.0.0",
+  "version": "1.1.0",
-  "description": "",
-  "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "preprod": "rimraf ./.prod && pnpm --filter api build && pnpm --filter app build",
+    "prod": "pnpm --filter api --prod deploy ./.prod/api && pnpm --filter app --prod deploy ./.prod/app"
   },
-  "author": "",
+  "devDependencies": {
-  "license": "ISC"
+    "rimraf": "^6.0.1"
+  }
 }

pnpm-workspace.yaml

@@ -1,4 +1,3 @@
 packages:
   - 'api'
   - 'app'
-  - 'app2'