ptzagk / react-dashboard

React Dashboard - isomorphic web dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync)

React Dashboard — "isomorphic" dashboard template

built with React, Bootstrap, React Router (with Server Side Rendering!), Redux and GraphQL based on React Starter Kit and latest industry best practices.

Demo. Use following credentials: user/password.

This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap (affiliate link) with working backend integration. You may use it to bootstrap the development of your next web app.

Features

• React
• Server Side Rendering
• Mobile friendly layout (responsive)
• React Router
• Bootstrap3
• GraphQL
• Nodejs backend inegration
• Sass styles
• Webpack build
• Stylish, clean, responsive layout
• Lots of utility css classes for rapid development (flatlogic css set)
• Authentication
• CRUD operations examples
• Browsersync for the ease of development

Quick Start

1. Get the latest version

You can start by cloning the latest version of React Dashboard on your local machine by running:

$ git clone -o react-dashboard -b master --single-branch \
      https://github.com/flatlogic/react-dashboard.git MyApp
$ cd MyApp

2. Run yarn install

This will install both run-time project dependencies and developer tools listed in package.json file.

3. Run yarn start

This command will build the app from the source files (/src) into the output /build folder. As soon as the initial build completes, it will start the Node.js server (node build/server.js) and Browsersync with HMR on top of it.

http://localhost:3000/ — Node.js server (build/server.js)
http://localhost:3000/graphql — GraphQL server and IDE
http://localhost:3001/ — BrowserSync proxy with HMR, React Hot Transform
http://localhost:3002/ — BrowserSync control panel (UI)

Now you can open your web app in a browser, on mobile devices and start hacking. Whenever you modify any of the source files inside the /src folder, the module bundler (Webpack) will recompile the app on the fly and refresh all the connected browsers.

For more info please refer to getting started guide to download and run the project (Node.js >= 6.5)

Credits

This project is heavily based on (is a fork of) React Starter Kit by Konstantin Tarkus (@koistya). The difference is Bootstrap & React Router integration.

Support

For any additional information please refer to Flatlogic homepage.

Community

• Tweet about it.
• Follow @flatlogic on Twitter.
• Subscribe to Flatlogic newsletter at flatlogic.com
• Let's discuss:

Premium themes

Looking for premium themes and templates? Check out our products at flatlogic.com.

License

MIT and another MIT from RSK.