My goal is to expose all my ports under one service.

My pod contains a containerised app that runs under port 80.

This is my attempt to create the deployment:

apiVersion: apps/v1
kind: Deployment
metadata: name: my-deployment
spec:
    replicas: 5
    selector:
        matchLabels:
            app: myapp
    template:
        metadata:
            name: my-pod
            labels:
                app: myapp
        spec:
            containers:
                - name: httd
                  image: httpd
                  imagePullPolicy: Always
                  ports:
                      - containerPort: 80

However, I am getting error:

error: error parsing deployment.yaml: error converting YAML to JSON: yaml: line 3: mapping values are not allowed in this context

Notes:

• If I remove the ports section, the deployment will be created successfully but then the service (that I have it in another file and that I can share if needed), would be able to link a port on the node to a port in the pod because the pod doesn't expose any port (again it just the the container running on a port)
• I went through this page, and it does say to use the containerPort so I don't know what I missed

Update

The error was in my deployment file: and after fixing it, I could create both the deployment and the service, but the service is still not exposed on the node. Here is my service definition:

apiVersion: v1
kind: Service
metadata:
    name: my-service
spec:
    selector:
            app: front-end
    ports:
        - port: 77
          targetPort: 80
          nodePort: 32766
    type: NodePort

As you can see, I am mapping the port 80 in the pod to port 32766 on the node, and when calling: localhost:32766 it returns 404

What did I miss?

Update

This is what the browser shows: