This simple project is a concept demonstration. The aim is to enter an image and have the app detect any faces in the image, if any. It was tested with urls of online images, and was built using Create React App. The app is responsive and makes use of the Clarifai machine-learning API. This repository forms the front-end built as a React app, and requires a backend server. The server software is at this repository, and it handles connecting to Clarifai and recording each time a user submits an image for facial detection.
- Debian 10 on Google Cloud instance
- nginx stack
- postgresql database
- reactjs (Frontend)
- nodejs express server (Backend)
- react-router
- Clarifai RESTful API
The backend requires an api key from Clarifai to function.
The app is available here. The initial screen presented is a signin, where you can create a (test) user (You do NOT have to enter a real email address!! This is a demo project to illustrate secure signin, amoung other things). OR, you can use "[email protected]" / "cookies" as a login.You will then be presented with a field to enter the URL of an image. Image is loaded on pasting the url. Attempt to recognise faces takes place on clicking the 'Detect' button. These steps are demonstrated in this short video clip here:
Watch this demo video.
Enjoy!