/boss-starter

Boss Starter Boss Pro is admin dashboard template based on React Boilerplate. It provides you clean modern design and high performance react app with various color theme.

Primary LanguageJavaScriptMIT LicenseMIT

Boss Starter - React Website Template


Boss Starter Boss Pro is admin dashboard template based on React Boilerplate. It provides you clean modern design and high performance react app with various color theme. This template has been built to makes the development process easy and fast for you, which is supported by material-ui v3.x, jss (css in js), immutable js, webpack, npm modern workflow and flexible layout with flexbox.

Template Feature

  • Built with one of most popular javascript library React.JS and Redux
  • Use Google Material Design and Icons
  • Easy to manage data collection with immer.js
  • Written in ES6 / ES 2015
  • Responsive design
  • JSS (CSS in JS)
  • Clean code maintained by eslint

Installation

  • Clone this project
  • Install module dependencies by run this script in terminal npm install
  • After finish downloading, then build Build Webpack DLL dependencies(If necessary). npm run build:dll
  • Finally run the app. npm start
  • Navigate to http://localhost:3001

Deployment

  • First you need to build the production assets first npm run build
  • Then start the app npm run start:prod
  • If you want run it in background you may try PM2 https://www.npmjs.com/package/pm2 Then run this command: node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
  • Navigate to http://localhost:3001

Enable Direct Code Preview

To make documenation easy and effective to access and implement, we attached source code in every component demos. We call it Direct Code Preview. This feature can be used in purchased product only (not available in demo).

  • Open config file /app/config/codePreview.js
  • By default set by false
  • Change to enable: true, to enabled direct code preview
  • Test with any component demo, example in http://localhost:8080/app/tables/advanced-table.
  • Then at the bottom of every components you will see <> Show Code Button. Just click it.
  • The source code of that components will show as well.
  • You can see through, copy and paste directly any component in front of your eyes.

License

This project is licensed under the terms of the MIT license.