Justified Layout Web UI for Images

[utkarsh23]

Description

Flickr open sourced it's Justified Layout Algorithm in 2016. Flickr uses this algorithm to find the ideal layout for a set of images that need to be scaled in a way that preserves its aspect ratio and also provides a clean user experience as every image fits in. Use Flickr’s open sourced algorithm to create a web UI for images.

Details

• Technical Specifications: CSS/JS
• Type of issue: Single
• Time Limit: 3 days

Issue Requirements

1. Do not use any frontend frameworks / libraries like Bootstrap. You are free to use other libraries like jquery.
2. Ensure that your web page is responsive to all screen sizes.
3. You can use sites like placeholder.com for placeholder images. Avoid adding any images to the repository. You can generate the web UI with randomly sized images so that the algorithm can be seen working for all kinds of images.

Resources

• https://flickr.github.io/justified-layout/
• http://code.flickr.net/2016/04/05/our-justified-layout-goes-open-source/

Directory Structure

├── development
│   ├── images_webui
│   │   ├── readme.md
│   │   ├── index.html
│   │   ├── index.css
│   │   ├── index.js

Note

Please claim the issue first by commenting here before starting to work on it.