Frontend: Implementation of the Image Annotation

Issue Description

Annotations are among the main components of our application, as we have previously discussed in the lectures and Suzan Hoca has underlined. As of right now, we are unsure of exactly how to incorporate annotations in the web component and we were unable to locate many examples. I will put the image annotations to use beneath the learning space in accordance with the decisions and responsibility divisions we decided upon in our frontend team meeting, so, post images will be annotatable.

Step Details

Steps that will be performed:

[x] Do again a detailed research on image annotation examples with React
[x] Determine the way/logic that will be used to create an image annotation
[x] Implement a generic annotatable image tool to use across the app
[x] Integrate annotatable image tool into post content
[x] Test annotation feature on post images

Final Actions

I will create a branch from the frontend development branch to address this specific issue. After completing all of the above activities, I will generate a pull request in accordance with the issue. I will be committing the modifications to that branch throughout the development phase. This issue will be resolved once the PR is accepted and integrated into our development branch.

Deadline of the Issue

05.12.2022 - Monday - 23.59

Reviewer

Altay Acar

Deadline for the Review

06.12.2022 - Tuesday - 10.00

bounswe / bounswe2022group2