/react-dashboard

A dashboard app made with ReactJS and Bootstrap.

Primary LanguageJavaScript

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.
  • Try the demo here.
  • 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