Manifest not showing on Viewer - iiif

Question

I have been going through the iiif workshop: https://ronallo.com/iiif-workshop/presentation/image-service.html
and managed to follow well till I needed to show my manifest on mirador or universal viewer. My json file is located on the localhost and if I try localhost/manifest.json the following comes up:
{
"#context": "http://iiif.io/api/presentation/2/context.json",
"#type": "sc:Manifest",
"#id": "http://localhost/manifest.json",
"label": "Papillons",
"description": "Four patterns inspired by butterflies.",
"attribution": "Special Collections Research Center at NCSU Libraries",
"sequences": [
{
"#type": "sc:Sequence",
"canvases": [
{
"#type": "sc:Canvas",
"#id": "http://localhost/segPap_022/canvas/1",
"label": "22",
"width": 6099,
"height": 8599,
"images": [
{
"#type": "oa:Annotation",
"motivation": "sc:painting",
"on": "http://localhost/segPap_022/canvas/1",
"resource": {
"#type": "dctypes:Image",
"#id": "https://iiif.lib.ncsu.edu/iiif/segPap_022/full/500,/0/default.jpg",
"service": {
"#context": "http://iiif.io/api/image/2/context.json",
"#id": "https://iiif.lib.ncsu.edu/iiif/segPap_022",
"profile": "http://iiif.io/api/image/2/level2.json"
}
}
}
]
}
]
}
]
}
Any idea why it is not being rendered on the viewers? Am I doing something wrong? I even created the folder structure for the canvases on the web server