For learning purposes, i have two services in a cluster on google cloud:

API Service with the following k8 config:

deployment.yaml

apiVersion: apps/v1beta1
kind: Deployment
metadata:
  name: myapp-api
  labels:
    app: myapp-api
spec:
  replicas: 1
  template:
    metadata:
      labels:
        app: myapp-api
    spec:
      containers:
        - image: gcr.io/prefab-basis-213412/myapp-api:0.0.1
          name: myapp-api
          ports:
            - containerPort: 3000

service.yaml

kind: Service
apiVersion: v1
metadata:
  name: myapp-api
spec:
  selector:
    app: myapp-api
  ports:
  - protocol: TCP
    port: 80
    targetPort: 3000

And a second service, called frontend, that's publicly exposed:

deployment.yaml

apiVersion: apps/v1beta1
kind: Deployment
metadata:
  name: myappfront-deployment
spec:
  replicas: 1
  template:
    metadata:
      labels:
        app: myappfront
    spec:
      containers:
        - image: gcr.io/prefab-basis-213412/myappfront:0.0.11
          name: myappfront-deployment
          ports:
          - containerPort: 3000

service.yaml

apiVersion: v1
kind: Service
metadata:
  name: myappfront-service
spec:
  type: LoadBalancer
  selector:
    app: myappfront
  ports:  
    - port: 80
      targetPort: 3000

The front service is basically a nodejs app that only does a rest call to the api service like so axios.get('http://myapp-api').

The issue is that the call is failing and it's unable to find the requested endpoint. Is there any additional config that i'm currently missing for the API service to be discovered?

P.S. Both services are running and I can connect to them by proxying from localhost.