Awesome
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
This seed project is like a free version of a template you can find on Themeforest or Wrapbootstrap, with working backend integration, to get you started on your next business software development.
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
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
<br>
http://localhost:3000/ — Node.js server<br> http://localhost:3000/graphql — GraphQL server and IDE<br>
5. Run yarn build
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
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?
- Star our GitHub repo :star:
- Tweet about it.
- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
- Follow @flatlogic on Twitter.
- Subscribe to Flatlogic newsletter at flatlogic.com
- Like our page on Facebook :thumbsup:
Premium themes
Looking for premium themes and templates? Check out more admin dashboard templates at flatlogic.com.