React

npm install face-age

import { useEffect } from 'react';
import FaceAge from 'face-age';

export default function SkinAnalysis() {
  useEffect(() => {
    const faceAge = new FaceAge({
      elementId: 'FaceAge-module',
      faceageId: '<Your Client ID>',
      showProducts: true,
      showRoutine: true,
    });

    faceAge.render();

    faceAge.onAddToCart((data) => {
      console.log('Add to cart:', data);
    });
  }, []);

  return <div id="FaceAge-module" />;
}

import { Component } from 'react';
import ReactFaceAge from 'react-face-age';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      options: {
        faceageId: '<Face Age Client Id>',
        type: 'skincare-analyzer',
      },
    };
  }

  onLoad(result) {
    console.log(result);
  }

  render() {
    return (
      <ReactFaceAge
        options={this.state.options}
        onLoad={this.onLoad}
      />
    );
  }
}