ImageAnnotation | Web App

Description

ImageAnnotation is a web app (under construction) that allows you to annotate images for training AI models.

Prototype

Mobile prototype on Figma: https://www.figma.com/proto/r30xUXyoFOCXp4vein9vue/ImageAnnotation?node-id=37-1431&p=f&t=0H7hXZTw7i4qFy6D-0&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=37%3A1431

Demo

Demo on Netlify: https://myimageannotation.netlify.app/

Installation and Usage

1. Clone the repository:

   git clone https://github.com/henriquepcm/imageannotation

2. Access the directory:

   cd imageannotation

3. Install Dependencies:

   npm i

4. Run Vite:

   npm run dev

5. Completion:

   • You should now be all set to use the project.

Features

Please note that this is an ongoing project, some of these features might not be available yet.

• Responsive design
• Add or remove images
• Add or remove classes (labels) to classify images
• Toggle between brush and polygon to make annotations on the images
• Choose the brush size
• Move between images by using arrow buttons
• Save or delete annotations made on images
• Export annotations in COCO format

Technologies

• Vite
• React
• TypeScript
• Tailwind CSS
• Redux
• React

License

This project is licensed under the MIT License.

Credits

Created by Henrique Pochmann.

Contact

You can reach out to me via LinkedIn or henriquepcm@gmail.com.