Wikimedia
Modernize image grid/masonry for Query.Wikidata.org Result View
Modernize UI by using for example CSS flex box to make it responsive. Implement lazy loading of elements like images to spare browser resources and increase loading time.
Demo: http://tinyurl.com/zbmauyv
Example library: https://masonry.desandro.com/
Code repo: https://gerrit.wikimedia.org/r/#/admin/projects/wikidata/query/gui
File to modify: wikibase/queryService/ui/resultBrowser/ImageResultBrowser.js
You are expected to provide a patch in Wikimedia Gerrit. See https://www.mediawiki.org/wiki/Gerrit/Tutorial for how to set up Git and Gerrit.
Task tags
Students who completed this task
StudentSydney
Task type
- code Code
- web Design