The app uses face recognition and easily integrates with WooCommerce store.
The task was to build a virtual fitting room for eyelashes that could scale to a large number of clients. This had to be a responsive web app, integrated into a WooCommerce store as a plug-in. The main challenges were scaling analysis, photo manipulation (Exif data, rotation, scaling, plotting) face recognition, eye detection, lash positioning and scaling, drag-n-drop implementation.
Custom carousel was added to pull products from WooCommerce using the API.
The app uses Tensorflow.js to detect facial features and a set of specifically trained models that showed the best results.
A lot of work had to be done to scale and rotate the photos appropriately, as well as apply eyelash transformations and a a drag-n-drop functionality.
In order to showcase the project to the client a full fledged WooCommerce staging environment had to setup and configured inside a docker container.