React Dashboard - Soft UI Dashboard PRO | AppSeed
OTHER License
Made of hundred of elements, designed blocks, and fully coded pages, Soft UI Dashboard PRO is ready to help you create stunning websites and web apps. The product comes with a simple JWT authentication flow: login/register/logout powered by a Node JS API Server.
Features
passport-jwt
strategy.Tested with:
NodeJS | NPM | YARN | Status |
---|---|---|---|
v16.13.0 |
v8.1.0 |
v1.22.5 |
✔️ |
v14.15.0 |
v6.14.8 |
v1.22.5 |
✔️ |
v12.22.0 |
v6.14.11 |
v1.22.5 |
✔️ |
To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.
👉 Step 1 - Download the product from the official page
$ unzip react-soft-ui-dashboard-pro.zip
$ cd react-soft-ui-dashboard-pro
👉 Step 2 - Install dependencies via NPM or yarn
$ npm i
// OR
$ yarn
👉 Step 3 - Edit the
.env
using the template.env.sample
.
REACT_APP_BACKEND_SERVER='http://localhost:5000/api/'
👉 Step 4 - Start in development mode
$ npm run start
// OR
$ yarn start
The backend API server address is saved in
src/config/constant.js
.
export const API_SERVER = "http://localhost:5000/api/";
Frontend api has been created at
src/api/auth.js
.
const axios = Axios.create({
baseURL: `${baseURL}/api`,
headers: { "Content-Type": "application/json" },
});
Register implementation:
Login implementation:
Logout implementation:
User Context:
Protected routes:
<ProtectedRoute path="/admin" component={AdminLayout} />
<ProtectedRoute path="/rtl" component={RtlLayout} />
<Route path="/auth" component={AuthLayout} />
API Server Descriptor - POSTMAN Collection
The API Server definition is provided by the Nodejs API Server
The product is also open-source and cis already configured to work with Berry Dashboard Template - product features:
passport-jwt
strategy)Links
Full-Stack Soft Dashboard PRO - Provided by Creative-Tim and AppSeed
.