Skip to content

tapansiwach/quid-est

Repository files navigation

Quid-Est?

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.

Stack

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.

Setup

  1. git clone this repo to your system
  2. setup a project in your firebase console, and register a web app.
  3. enable email/password login in firebase authentication for your project in firebase console.
  4. setup firebase firestore and storage in the firebase console.
  5. copy the firebase config of your project into your local .env file (use the template in .env.example file)
  6. npm install -g firebase-tools && firebase login if using firebase for the first time on your system.
  7. npm run build to build the react app
  8. firebase deploy --only hosting to deploy the app to your firebase hosted domain.

Screenshots

Dashboard

Dashboard

Find out what to call it in the local language

Dashboard

Choose from a variety of languages

Dashboard

View your previous images & translations

Dashboard

Quiz yourself on past searches

Dashboard

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published