softaliens / react-dashboard

A dashboard app made with ReactJS and Bootstrap.

ReactDashboard

• A dashboard app made with ReactJS and Bootstrap.
• Structure is like : Dashboard -> Widget wrapper -> detailed widgets -> chart components.
• Schema is still under design, please refer to the example.
• Run the example by double clicking example/index.html.
• Use webpack to build source code, it outputs dist/ReactDashboard.js.
• Minimun requirement is IE 9.

TODO

---

core feature

• drag and drop (react-dnd)
• fix validation in addWidget method
• input for different param type
• manage widget list event with redux
• popup at Widget level
• singleton widget
• add a link in demo
• format lodash functions
• extract header buttons and else to component
• change to ES6

google chart

• click event instead of select

improvement

• use propTypes

project

• tests
• refine webpack.config.js
• refine package.json
• minify and map
• beautiful readme

Reference

---

• Life Cycle Methods
• Component API
• DOM Event Listener