AR_Business_Card

This is an online template for the AR Business Card with Mind-AR based tracking package. Mind-AR provides excellent image tracking & face tracking compatible with most web browsers (even browsers within some social media apps). I have added comments in the corresponding parts for you to better understand the code structure.

This code structure, after hundreds of trials and errors during real development, already forms a good starting point for you, removing lots of the need for you (and showing you how) to deal with MindAR's messy HTML & JS Framework.

However, please make sure you also look at their official documentation for understanding the material. Specifically, you might want to take a look at their event handling documentation

All code that really takes effect reside in the code_source folder. The outer wrapper is simply for Heorku hosting.

To run the website locally

First run cd code_source/, then run npm start to start the local website.

To build to Heroku:

First run cd code_source/, then run npm run build to build the results into the public/ folder.

Notice that the entire structure is also compatible with React. You can also add MindAR into React webpage.