React Dashboard screenshot

React Dashboard

Author Avatar Theme by Flatlogic
Updated: 29 Nov 2024
1627 Stars

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

Categories

Overview

The React Dashboard is an “isomorphic” admin dashboard template built with React, Bootstrap, React Router, Redux, and GraphQL. It is based on Create React App and incorporates the latest industry best practices. The template offers a mobile-friendly and responsive layout, along with features such as authentication, CRUD operations examples, and a stylish and clean design. It also provides utility CSS classes for rapid development. The React Dashboard is a free version of a template that can be found on Themeforest or Wrapbootstrap, with working backend integration.

Features

  • React
  • Mobile friendly layout (responsive)
  • React Router
  • Bootstrap 3
  • GraphQL
  • Node.js backend integration
  • Sass styles
  • Stylish, clean, and responsive layout
  • Utility CSS classes for rapid development (Flatlogic CSS set)
  • Authentication
  • CRUD operations examples

Installation

To install the React Dashboard, follow these steps:

  1. Clone the latest version of React Dashboard onto your local machine by running the following command:
git clone [repository URL]
  1. Install both the runtime project dependencies and developer tools listed in the package.json file by running:
yarn install
  1. Run the following command to start the app with the Express server:
yarn dev
  1. Set up your database and start a local server tool such as XAMPP or Openserver. Connect to the database in a file, and enable mutation. This preparation will enable you to perform CRUD operations locally.

  2. Create a database and name it “sequelize”. Add a “posts” table to it with the same structure as shown in the provided screenshot.

  3. Open your web app in a browser, including on mobile devices, and start using it. Any modifications made to the source files in the /src folder will automatically trigger the module bundler (Webpack) to recompile the app and refresh all connected browsers.

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

Summary

The React Dashboard is an admin dashboard template built with React, Bootstrap, React Router, Redux, and GraphQL. It offers a responsive and mobile-friendly layout, along with features such as authentication and CRUD operation examples. The template is easy to install and comes with a guide to help developers get started quickly. It is a free version of a template that can be found on Themeforest or Wrapbootstrap, with working backend integration.