Data driven carousel example in React.js and CSS3

Example is available at: https://jasonshin.github.io/React-Carousel-Data-Driven/

Compatible browser: Chrome

Features to highlight:

• Responsive carousel that works on all device resolutions include mobile, tablet, and desktop
• High performance carousel
• Data driven components using state management system in React.js (Mobx)
• Add new button triggers a dialog that dynamically appends new slide to the carousel

Technologies used:

• React.js
• CSS3
• ITCSS (CSS Architecture)
• Mobx (State management)
• getmdl.io (lightweight Materials Design component)
• react-Slick

Build

npm install
wepack --watch //watches file change
npm run dev //launched webpack dev server