BUILDMID

Build an Image Classifier UI

75 minutes

0 completed

tensorflowmachine-learningimage-processingreact

Description

Build a drag-and-drop image classification tool running a pre-trained model in the browser via TensorFlow.js.

Requirements

Drag-and-drop image upload zone

Run MobileNet classification model in-browser via TensorFlow.js

Display top 5 predictions with confidence percentages

Confidence bar visualization for each prediction

Support batch classification (upload multiple images)

Show processing time for each image

Gallery of classified images with their top prediction labels

Use @tensorflow/tfjs and @tensorflow-models/mobilenet. The model downloads on first use (~16MB). Show a loading bar for model download.

Webcam capture mode for live classification

Custom model upload (TensorFlow.js format)

Compare two images' classifications side by side

You will be guided through MCP setup before the timer starts