feat: add wait for service to run

.github/workflows/aws.yml

@@ -50,6 +50,7 @@ jobs:
           # Enable error handling
           set -e
           set -o pipefail
+
           # Use Docker Buildx to build the image for x86_64
           docker buildx build --platform linux/amd64 --push -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
           echo "image=$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG" >> $GITHUB_OUTPUT
@@ -59,5 +60,11 @@ jobs:
           # Enable error handling
           set -e
           set -o pipefail
+
           # Update the ECS service
           aws ecs update-service --cluster ${{ env.ECS_CLUSTER }} --service ${{ env.ECS_SERVICE }} --force-new-deployment
+
+          # Wait until the service has stabilized (new tasks running, old tasks stopped)
+          aws ecs wait services-stable --cluster ${{ env.ECS_CLUSTER }} --services ${{ env.ECS_SERVICE }}
+
+          echo "Deployment successful and service is stable."

Dockerfile

@@ -7,13 +7,14 @@ WORKDIR /usr/src/app
 COPY package*.json ./
 
 # Install dependencies
-RUN npm install -g npm@latest && npm install
+RUN npm install -g npm@latest
+RUN npm install
 
 # Copy the rest of the application code
 COPY ./client ./client
 COPY ./server ./server
 
-# Build the client and server
+# Build the server and client
 RUN npm run build:server
 RUN npm run build:prd
 

client/src/features/homepage/HomePage.tsx

@@ -30,7 +30,7 @@ const HomePage: React.FC = () => {
       <div className='login-button-container'>
         <div className='HpHeader'>
           <h1> Welcome to SkyScraper </h1>
-          <h2> CI/CD 2 </h2>
+          <h2> CI/CD </h2>
         </div>
         <div className='LoginButtonWrapper'>
           {' '}