Need help with react-dashboard?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

flatlogic
1.3K Stars 288 Forks 1.0K Commits 17 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

React Dashboard — "isomorphic" admin dashboard template

built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices.

View Demo | Download | More templates | Support forum

react-dashboard

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

Features

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

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 dev

This command will start the app with simultaneously with express server, set up your database, start local server XAMPP, opensever, or other tool to start database, connect to it in file

shell
src > data > sequelize.js.
Also go to
shell
src > data > schema.js 
and enable mutation. This preparation will enable to realize CRUD operations locally

4. How to create db

Create db. For instance name it "sequelize" and add posts table to it, your table should have same structure as you can see on the screenshot
table structure

http://localhost:3000/ — Node.js server
http://localhost:3000/graphql — GraphQL server and IDE

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)

Support

For any additional information please go to our support forum and raise your questions or feedback provide there. We highly appreciate your participation!

How can I support developers?

Premium themes

Looking for premium themes and templates? Check out more admin dashboard templates at flatlogic.com.

License

MIT and another MIT from RSK.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.