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.
Use following credentials: user/password.
- Mobile friendly layout (responsive)
- React Router
- Nodejs backend inegration
- Sass styles
- Stylish, clean, responsive layout
- Lots of utility css classes for rapid development (flatlogic css set)
- CRUD operations examples
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
This will install both run-time project dependencies and developer tools listed
in package.json file.
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
src > data > sequelize.js.
Also go to
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
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
the module bundler (Webpack) will recompile the
app on the fly and refresh all the connected browsers.
Subscribe to React.js Examples
Get the latest posts delivered right to your inbox