Ever found something cool while travelling and didn't know what to call it?
This web app allows you to upload an image from your file system (or directly from your camera, if using a smartphone). It implements the TensorflowJS machine learning libraries to parse the contents of the image and provide its top three best guesses for the correct image label. It then translates the selected label into a language of your choice.
This project was initialized with Create React App.
Styling and layout was done with bootstrap.
Firebase was used for storing files/images, data/documents and for user authentication.
TensorflowJS model MobileNet was used for image analysis.
Google Translate API was used for translating text into the local language.
- git clone this repo to your system
- setup a project in your firebase console, and register a web app.
- enable email/password login in firebase authentication for your project in firebase console.
- setup firebase firestore and storage in the firebase console.
- copy the firebase config of your project into your local .env file (use the template in .env.example file)
- npm install -g firebase-tools && firebase login if using firebase for the first time on your system.
- npm run build to build the react app
- firebase deploy --only hosting to deploy the app to your firebase hosted domain.