Kong React Admin Dashboard

Key goals:

• ReactJs + Typescript
• Ant design components + Ant design icons
• Redux for React + Redux thunk
• RxJs
• Axios
• React hook + Rxjs for React hook
• LESS style with lessc

Table of contents

• Quick start
• Quick develop without Backend APIs
• Customize configurations
• Production bundle
• Multiple languages
• Base stylesheet styles
• Structure & layout
• Screenshots

Quick start

• Prerequisite:

  • NodeJs 10 or above
  • Yarn latest

• Install depedencies

    yarn

• Start dev server:

  • Using mock json server:

        yarn dev

  • Or without mock server:

        yarn start

Customize configurations

• Enviroment matching with your stage, refer official documents.

• Development proxy, default API proxy pass though for http://localhost:5000. Update the development proxy at package.json. See more details from official documents.

• Quick implement Front-end with mock json server. Update to mock/db.json. See more details from official documents.

Production bundle

• Clean depedencies

    yarn

• Update production environments at

    .env.production

• Run linters to validate source code

    yarn lint

• Run build with production mode

    yarn build

• Production bundle resources at build directory.

Screenshots