A face detection web application created with React using the Clarifai API - Face Detection Model.
This is the front-end of the Capstone (final) project in the Zero to Mastery: The Complete Web Developer in 2022. The back-end server and database are integrated and linked.
- Clone the repo:
git clone https://github.com/yourusername/smart-brain-frontend.git
- Navigate to the project directory:
cd smart-brain-frontend
- Install dependencies:
npm install
- Create a
.env
file in the root directory and add your environment variables:REACT_APP_BACKEND_URL=https://your-backend-url
- Run the app:
npm start
Note: Ensure the backend URL in the .env
file is correct.
- User can input an image URL, click the detect button, and the API displays a blue-lined box around the face detected in the image.
- User inputs (image URL) are displayed below the input area.
- User can create a free account with the registration form available.
- User can sign into their account.
This project was bootstrapped with Create React App.