Skip to content
Simple app with responsive image grid, columns customizing, one-column view with description, fullscreen preview with one click. Pure CSS for that.
CSS JavaScript TypeScript Vue HTML
Branch: master
Clone or download
Pull request Compare This branch is 10 commits ahead, 11 commits behind lkazberova:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
debug
src
static
.gitignore
README.md
favicon.ico
index.html
package.json
tsconfig.json
typings.json
webpack.config.debug.js
webpack.config.production.js

README.md

react-photo-feed

Public photos feed from Flickr, Yandex

Simple app with responsive image grid, columns customizing, one-column view with description, fullscreen preview with one click. Pure CSS for that.

<PhotoGrid photos={photos} columns={columns} InformationElement={InfoElement}/>

InformationElement used for one-column view.

Also you can see toggle|radio button group.

<RadioButtonGroup items={sortParams} value={order} onClick={this.onSortClick.bind(this)} type="default"/>

Demo

Preview

Some ideas were inspired by react-rpg

You can’t perform that action at this time.