suen / jiukipa Goto Github PK
View Code? Open in Web Editor NEWSelf hosted image management
License: MIT License
Self hosted image management
License: MIT License
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.