Image Annotator

Tech Stack

  • Django
  • sqlite3 for dev DB
  • html + css (md bootstrap) + jquery/js

Run the code by the following commands

    python manage.py migrate
    python manage.py runserver

Go to http://127.0.0.1:8000/ or http://localhost:8000/

Usage

  • If it is the first time register here http://127.0.0.1:8000/auth/register/

    upload image

  • After login, Go to http://127.0.0.1:8000/upload-images/ to upload images, enter the project name to which the images are to be saved.

  • Drag and drop or upload multiple images and hit submit

    upload image

    upload image

  • Go to http://127.0.0.1:8000/all-images/ to view uploaded images

  • click on the image you want to annotate

    upload image

  • It will go to a new page, where you can annotate the image

    upload image

  • Annotate the image and hit submit to save the image to DB, it will save the data to DB and redirect to the previous page, where you can view the annotated images below

    upload image

  • click on the annotate image to view the annotations and download the .csv file

    upload image

  • click the download button to download the csv file

    upload image

  • To view all the Projects go to http://127.0.0.1:8000/view-all-projects/

    upload image

    • To view all the images specific to a particular project click on the link to View all project related images