Bootstrap Admin Dashboard in React JS

Today, We will see how to make a simple Admin Template in React js using Bootstrap 5. Admin Dashboard in React JS.

As we know that The Bootstrap is a framework of CSS. You can use Material UI or any other design framework for the Admin dashboard.

Installation of Packages

You just have to use two packages ( Dependencies )

1 ). Bootstrap and Fontawesome

2 ). Chart JS

First Install Bootstrap in your react project using the below command. But you can cdn link as well .so It is up to you want you to want to use for your project.

npm install bootstrap --save   or using yarn package manager   yarn add bootstrap

Below is the CDN link of bootstrap and font awesome

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/

    4.5.2/css/bootstrap.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/

    jquery.min.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/

    popper.min.js"></script>

 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/

    5.13.0/css/all.min.css" rel="stylesheet">