React Dashboard - Purity UI Dashboard | AppSeed
OTHER License
Start your Development with an Innovative Admin Template for Chakra UI and React. Purity UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using Chakra's style props. The product comes with a simple JWT authentication flow: login/register/logout.
🚀 Built with React App Generator
passport-jwt
strategy.
Compatibility matrix
using Ubuntu18.04 LTS
as reference.
NodeJS | NPM | YARN |
---|---|---|
v12.0.0 |
✅ | ✅ |
v14.0.0 |
✅ | ✅ |
v16.0.0 |
✅ | ✅ |
v18.0.0 |
✅ | ✅ |
To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.
👉 Step 1 - Clone the project
$ git clone https://github.com/app-generator/react-purity-dashboard.git
$ cd react-purity-dashboard
👉 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/'
REACT_APP_GITHUB_OAUTH_CLIENT_ID = ... # Github OAuth Client
REACT_APP_GITHUB_OAUTH_CLIENT_SECRET = ... # Github OAuth Secret
REACT_APP_GITHUB_OAUTH_REDIRECT_URL = ... # Github OAuth Callback URL
👉 Step 4 - Start in development mode
$ npm run start
// OR
$ yarn start
The product comes with a usable JWT Authentication flow that provides only the basic requests: login/logout/register.
👉 API Server URL -
src/config/constant.js
const config = {
...
API_SERVER: 'http://localhost:5000/api/' // <-- The magic line
};
API Server Descriptor - POSTMAN Collection
The API Server signature is provided by the Unified API Definition
The product is also open-source and is already configured to work with Berry Dashboard Template - product features:
passport-jwt
strategy)Links
Step #1 - Clone the project
$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs
Step #2 - Install dependencies via NPM or Yarn
$ npm i
// OR
$ yarn
Step #3 - Run the SQLite migration via TypeORM
$ yarn typeorm migration:run
Step #4 - Start the API server (development mode)
$ npm dev
// OR
$ yarn dev
The API server will start using the PORT
specified in .env
file (default 5000).
React Purity Dashboard - Provided by AppSeed.