docker-compose successfully running but cannot access my application - docker

Question

So I have successfully gotten working my docker-compose.yml file with docker-compose up but I cannot access the web application at localhost:3000
This is the docker-compose.yml:
version: '3.9'
services:
api:
build:
context: .
dockerfile: greatly-annoying-server.Dockerfile
ports:
- "8181:8181"
- "3000:3000"
web-app:
build:
context: .
dockerfile: greatly-annoying-portal.Dockerfile
ports:
- "4200:4200"
When I do a docker-compose ps I see:
greatly-annoying-portal_api_1 Up 0.0.0.0:3000->3000/tcp, 0.0.0.0:8181->8181/tcp
greatly-annoying-portal_web-app_1 Up 0.0.0.0:4200->4200/tcp
The Dockerfile for the greatly-annoying-server:
FROM node:14
RUN mkdir -p /gap
WORKDIR /gap
COPY package.json /gap/
COPY decorate-angular-cli.js .
RUN yarn install --frozen lockfile
COPY dist/ /gap/
# Environment Variables (overridable through `-e` or `-env-file` switches)
ENV CORS_ORIGINS="/http(s)?:\/\/(localhost:4200|gap(-staging)?\.freakinannoying\.com)+/"
ENV MONGODB_HOST='ec2-12-3-45-678.compute-1.amazonaws.com:27017'
ENV MONGODB_DB="web-staging"
ENV MONGODB_USER="gapstaging"
ENV MONGODB_PASS="asdfghjkl"
ENV clientSecret="asdfghjkl"
ENV clientID="98765432qasertokjhgfdsxcfvg.apps.googleusercontent.com"
ENV localwebservices="http://internal-stuff-ws-lb-987654321.us-east-1.elb.amazonaws.com"
ENV seskey="asdfghjkl"
ENV sesid="asdfghjk"
ENV dynamodbkey="asdfghjkl"
ENV dynamodbid="asdfghjkl"
ARG NODE_ENV
ENV REDIRECT_HOST=${NODE_ENV:+https://rough.freakinannoying.com}
ENV middletier_url="http://ruby-lightning-staging.freakinannoying.com"
ENV REDIRECT_HOST=${REDIRECT_HOST:-https://gap.freakinannoying.com}
ENV NODE_ENV=${NODE_ENV}
ENV NODE_ENV $NODE_ENV
ENV GAP_PORT 3000
EXPOSE ${GAP_PORT}
# Execute
CMD ["node", "apps/api/main.js”]
This is the Dockerfile from the web-app:
FROM node:14
WORKDIR /gap/
COPY package.json .
COPY decorate-angular-cli.js .
COPY yarn.lock .
ENV GROUP_NPM_TOKEN="234RTYUJKLKJH"
RUN npm config set #great-web:registry http://git.hoosiers.com/api/v4/packages/npm/
RUN npm config set //git.hoosiers.com/api/v4/packages/npm/:_authToken=${GROUP_NPM_TOKEN}
RUN npm config set //git.hoosiers.com/api/v4/projects/:_authToken=${GROUP_NPM_TOKEN}
RUN yarn add typescript
RUN yarn install --frozen lockfile
ENV CORS_ORIGINS="/http(s)?:\/\/(localhost:4200|visualize|hugo\.freakinannoying\.com)+/"
ENV CORS_METHODS="GET,PUT,POST,DELETE,HEAD,OPTIONS"
ENV CORS_ALLOWED_HEADERS="Origin, X-Requested-With, X-Forwarded-For, X-Auth-Token, X-Compression, Content-Type, Accept, Authorization, authtoken"
ENV gpbea="https://gpbe.freakinannoying.com"
ENV gaapi="http://greatly-data-api-lb-67890987654.us-east-1.elb.amazonaws.com/v1"
ENV apikey="<api_key>"
ENV apikey="<api_key>"
ENV NPM_TOKEN=<token>
ENV rewindkey="<key>"
ENV rewindurl="https://api.greatlyannoying.com/v1-staging/histfut"
ENV CORS_ORIGINS="/http(s)?:\/\/(localhost:4200|gap(-staging)?\.freakinannoying\.com)+/"
ENV MONGODB_HOST="<mongo-host-ip>"
ENV MONGODB_DB="web-staging"
ENV MONGODB_USER="gapstaging"
ENV MONGODB_PASS="NBGFRT678IOIUYTRDFGHJK"
ENV REDIRECT_HOST="http://localhost:4200"
ENV middletier_url="http://localhost:3000"
ENV clientSecret="nbvfr5678u98uyhjkl"
ENV clientID="0987654321-asdfghjkiuytrtyhbnjkl.apps.googleusercontent.com"
ENV localwebservices="http://localhost:8181"
ENV seskey="SDFGHJKpmnbgftyuik"
ENV sesid="ASDFGHJKL"
ENV dynamodbkey="SDFGHJKpmnbgftyuik"
ENV dynamodbid="ASDFGHJKL"
COPY ./dist .
CMD ["node", "apps/api/main.js"]
This is the logs:
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/exclusions/locations, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/exclusions/locations, POST} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/exclusions/locations/:id, PUT} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/exclusions/locations/:id, DELETE} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RoutesResolver] SegmentsController {/api/segments} (version: 1): +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/cachesegments, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/cachedeliveries, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/deliveries, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/deliveries/:enddate?, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/deliveries/next/:next?, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/deliveries-dates, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/removedeliveries/:date, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/:id, PUT} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/segments/:id, DELETE} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RoutesResolver] ChainsController {/api/chains} (version: 1): +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/chains, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/chains/count, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/chains/:id, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/chains/:id/count, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RoutesResolver] TagsController {/api/tags} (version: 1): +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/tags, GET} (version: 1) route +1ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [RouterExplorer] Mapped {/api/tags/:id, GET} (version: 1) route +0ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG [NestApplication] Nest application successfully started +5ms
[Nest] 1 - 08/18/2022, 7:15:42 PM LOG Gravy Admin Portal (GAP) Middle Tier listening on http://localhost:3000