emotionlens

Overview

emotionlens is a React component that captures photos of users on your site and sends them along with the current URL to a server for processing. The server-side processing involves using artificial intelligence to classify the emotions of the users in the photos. Websites that subscribe to our service can access a personal dashboard to receive detailed and in-depth information about user experiences, presented through tables, diagrams, and charts.

Features

• Captures photos of site users.
• Sends photos and the current URL to a server for emotion classification.
• Server-side AI processes and classifies emotions.
• Subscribers can access a personal dashboard for detailed analytics on user experience.

Installation

To install the emotionlens package, use npm and specify version 2.1.7:

npm install [email protected]

Usage

To use the emotionlens component in your React project, follow these steps:

Import the Lens Component:

import React from 'react';
import ReactDOM from 'react-dom';
import { Lens } from 'emotionlens';
import { BrowserRouter } from 'react-router-dom';

Render the Lens Component:

    const root = ReactDOM.createRoot(
      document.getElementById('root') as HTMLElement
    );

    root.render(
      <BrowserRouter>
        <Lens />
      </BrowserRouter>
    );

Ensure your server is set up to receive and process the data sent by the component.

How It Works

Photo Capture: The Lens component uses the computer's camera to take photos of the site's users. Data Transmission: Captured photos and the current URL are sent to your server. Emotion Classification: On the server side, the photos are processed using AI to classify the emotions. Analytics Dashboard: Subscribed sites can access a personal area on our site to view detailed analytics about user experiences through tables, diagrams, and charts.

Example

Here is a basic example of how to use the Lens component in a React application:

import React from 'react';
import ReactDOM from 'react-dom';
import { Lens } from 'emotionlens';
import { BrowserRouter } from 'react-router-dom';

const App = () => (
  <BrowserRouter>
    <Lens />
  </BrowserRouter>
);

ReactDOM.render(<App />, document.getElementById('root'));

License

This project is licensed under the MIT License - see the LICENSE file for details. Support

If you have any questions or need further assistance, please contact our support team at [email protected].