Skip to content
[DEPRECATED] Dashboard admin template made with React.js, Redux, Babel etc.
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 6d24c92 May 9, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Add some minor fixes and improvements May 6, 2016
tools Init May 4, 2016
.babelrc Init May 4, 2016
.editorconfig Init May 4, 2016
.eslintrc Init May 4, 2016
.gitignore Init May 4, 2016
.npmrc Init May 4, 2016
LICENSE Update LICENSE May 9, 2016
README.md Update README.md May 9, 2016
package.json Update package.json name and readme.md May 9, 2016
webpack.config.js Init May 4, 2016

README.md

[WIP] Administration dashboard template in React

This is an administration dashboard template made with React.js in ES6 JavaScript (using Babel as transpiler). That means there are reusable components and one-way reactive data flow is already implemented.

Screenshot of the template

Libraries

- React.js
- Redux
- react-router
- Babel - ES6/ES2015 transpiler 
- Sass loader, Autoprefixer
- Lodash - utility library
- Webpack - module bundler
- ESLint - JS linter
- Browsersync - used as a server
- Mocha - tests
- Font awesome - icon font
- Bootstrap (only the grid)

Run

Node.js is necessary to be installed.

git clone https://github.com/vaclav-zeman/dashboard-react-template.git dashboard-template
cd dashboard-template
npm install
npm start

The template skeleton comes from React Slingshot.

If you experience any trouble running the app, please look at the link above before asking here.

TODOs

This template is still work in progress. There are many things to be done such as:

  • add tests
  • test support on older browsers
  • add more UI elements - tooltips, user popover, buttons, more meaningful boxes to the dashboard
  • add Quick Settings box content
  • add optional action buttons to the DataTable
  • add UI responsiveness
  • refactor forms to be modular (make fields components etc.)
  • add form validation
  • edit data flow to match current best practices
  • ...
You can’t perform that action at this time.