suen / jiukipa Goto Github PK

Design a homepage that displays images tagged 'recent'.

List all available tags and make them clickable.

Display images associated with tag if tag is clicked.

Integrate GraphQL such that the images can be retrieved using graph query. A query system is preferred instead of just query parameters on GET request because it allows use case like logical condition on parameters.

As of now, after the image has been uploaded, the application extracts the metadata inside the image and exposes it along with its SHA256 hash. There exists an API that allows image metadatas be queried by date range (creation date inside the image).

It would be better to have the images tagged by certain keywords such that they can be queried by keywords. My image archives are managed by folder in local hard disk and given a folder, the images inside are related and can be associated to a certain set of keywords. I want to be able to tag images while I upload them and later query the uploaded images with these keywords.

Implement an API that allows to POST keywords given an image hash.
Extend the query API to allow query by keywords.
Create a new GET API that allows to get all tags.

Make a SPA interface that queries the backend and displays the image thumbsnail.

The backend api currently allows to retrieve all image information and also allows to filter by date ranges. Given an image hash, an image of predefined sizes can be queried.

Make a SPA that uses these backend api and displays in the UI

For the frontend UI, create a "recent" tag. The idea is that the images tagged as "recent" would be displayed on the homepage. Contrary to other tag, this is not a tag that would be associated with the image permanently. This tag can be thought of as a temporal view of images and changes with time.

Only the backend is implicated by this feature. The frontend will consume the tag as any other tag.