Preview

Live demo

https://mjunaidi.github.io/react-codrops-slide-pieces/

Codepen (random unsplash images)

https://codepen.io/mjunaidi/pen/qxemeJ

• Sometimes there is an error 404 retrieving random image, hence causing it to not showing anything. Try reload the page.

Setup

Requirement

node

Run command

node web-server.js

View at

http://localhost:3000

Adding new images

1. Put images in img directory of this project.
2. Update file data/images.json.

Credits

• https://tympanus.net/codrops/2018/02/21/animated-fragment-slideshow/

Photos

• https://unsplash.com/photos/GnNmbvN6R64
• https://unsplash.com/photos/XaidrBZfEwU
• https://unsplash.com/photos/hrlPhAZLyN8
• https://unsplash.com/photos/_E-LPDWTr_c
• https://unsplash.com/photos/M9lslW1ueLo
• https://unsplash.com/photos/Em1ubNwVWwk
• https://unsplash.com/photos/Tc_Z3BQ5Smk
• https://unsplash.com/photos/NaaiDPPlXwk