Hi @Susannaanas, @TuukkaH. Could you review my pull request? https://github.com/Wikidocumentaries/wikidocumentaries-ui/pull/92
It has been more than two weeks. I would really like to do another microtask after finishing this one.

@TuukkaH @Susannaanas This is my first draft of GSoC 2023 proposal. Could you take a look and give me some comments or suggestions? Thanks!

@TuukkaH https://github.com/Wikidocumentaries/wikidocumentaries-ui/pull/92

• Added the new endpoint in the backend.
• Metadata shown in the image viewer (though not all fields are available).
• All the images of the Wikipedia article are in a list in the image viewer.

4. @Zexi_Gong Did you have a look at the MediaWiki APIs and our backend yet, whether they could provide some useful image info? Neither of you has commented on this:

In T330179#8633584, @TuukkaH wrote:

@Susannaanas @Zexi_Gong Regarding the implementation, I think we should also compare with the image viewer at wikipedia.org. When I click an image, I can see the viewer makes a call to the MediaWiki API to get the file information for the high-resolution version.

There is a Wikipedia API that could provide all image info. It will be easy to do 2 & 3 with this API. Currently there is no such implementation at our backend. Would you like to add the API query function to our backend or our frontend?

@TuukkaH https://github.com/Wikidocumentaries/wikidocumentaries-ui/pull/92

I agree it is the most straightforward approach and I am working on this task with this approach now although it sounds very hacky to me. I found that medium-zoom does not support showing new images with higher resolution. As what we discussed earlier, I propose to use the existing ImageViewer component. However, it is hard to start using this component for me. Is there an existing webpage that uses the existing ImageViewer so I can play around with that?

@TuukkaH Currently the backend sends the entire html page as a string to the frontend. Since it is impossible to add the ImageViewer component at the backend, there is no direct way to implement the image viewer. We could break the html string and replace the figure components. Alternatively, we can move the parsing logic to the frontend so we could add the imageviewer component directly. It would be easier to implement other vue component with this change in the future. Am I in the right direction? Which approach do you prefer?

Hi @Susannaanas, I am interested in applying image viewer to article view. The current behavior is that the wikipedia page of this image will be opend. I wonder if I should overide this behavior if the image is clicked to open into full-screen?