The Image Annotation Tool is a web application that allows users to annotate images with various shapes and labels. This tool is useful for tasks such as labeling datasets for machine learning, creating visual notes, or any other purpose that requires image annotation.
- Fetch new images for annotation
- Annotate images with rectangles
- Save and manage annotations
- Responsive design for various screen sizes
Tech Stack:
- React
- TypeScript
- Tailwind CSS
- Vite
Used annotorious for image annotation.
- Node.js (v18.12 or later)
- pnpm (v6 or later)
-
Clone this repository to your local machine:
git clone https://github.com/pranavgoel29/Image-Annotation-tool.git
-
Navigate to the project's directory:
cd Image-Annotation-tool -
Install dependencies using pnpm:
pnpm install
To run the app in development mode, use the following command:
pnpm run devThis command will start the Vite development server and compile your React app. Open your browser and navigate to http://localhost:5173.
Click on the `Fetch New Image` button to load a new image.
Use the annotation tool to draw rectangles on the image.
Save your annotations by clicking the `Submit` button.
Manage your annotations through the provided interface.
Submit annotations by clicking Submit All Annotations.
- Add support for more annotation shapes (e.g., circles, polygons)
- Add export functionality to download annotated images
- Improve the UI/UX for a better user experience
Feel free to open an issue on GitHub if you find any bug.