This React project utilizes Clarifai's Face Detection API to recognize faces in images. Users can sign in, input an image URL, and the application will detect and highlight any faces in the image.
- React
- Clarifai API
- react-tsparticles
- Clone the repository:
$ git clone https://github.com/arwin-swapna/face-rec-app.git
- Navigate into the project directory:
$ cd face-rec-app - Install the dependencies:
$ npm install
- Start the development server:
$ npm start
- Open your browser and go to http://localhost:3000 to see the application in action.
- Sign In:
- Upon opening the application, users are prompted to sign in.
- Enter your credentials to proceed.
- Input Image URL:
- After signing in, users are directed to the home page.
- Enter the URL of the image you want to analyze in the provided input field.
- Face Recognition:
- Click the "Detect" button to process the image.
- The application will highlight any detected faces in the image with bounding boxes.
To contribute to this project, follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch-name. - Make your changes and commit them:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature-branch-name. - Create a pull request.