Augmented Reality in AR.js

AR scene
To work in: ar.js

PART 1
- Scene with minimum of 30 different AR markers
- Markers as .jpg of max 1MB to be recognized by the webAR camera in the real world.
- Set up of webAR camera in my webpage domain. So user will get in the camera via link in my domain.
- Set up webAR camera permission for browsers.
- AR Action: when the image is recognised by the webAR camera in the real world a Button (logo png image) shows up on top of the image, this button contains a customizable link, different for each image.
-Project has to be hanged in in a customisable format with a video explanation, so that I can make changes to it like: add more images, delete images or change their link.
- Project includes tests until approved.

SPECS
Minimum of 30 images for Marker recognition in one scene and scalable.
Analyse multiple marker feature please.
AR Camera
AR Camera permission on browsers: Safari, Chrome, Firebase, define more before start.
Button link.
Editable code.

I hope to hear from experiences .js developers for a clear and simple project to test, including payrate and time estimated.
Thanks in advance,

Mx Watson