Skip to content

extrawest/backoffice-content-management

Repository files navigation

List of Tools

JavaScript TypeScript React Redux Material UI Nx Firebase Ant Design

BACKOFFICE PANEL

In this application you can create backlog tasks, move them to 'ready to do table' and then assign them to some user. Also, there is chart with today`s trends and table for creating offers. The same application implemented with different libraries, such as Material UI, Ant design, Tailwind, Semantic and React Prime.

Demo

MUI Ant Tailwind Prime Semantic

Development

Install all dependencies use npm

npm i

For a dev mui server run: npm run start:mui For a dev ant server run: npm run start:antd For a dev tailwind server run: npm run start:tailwind For a dev prime server run: npm run start:primefaces For a dev semantic server run: npm run start:semantic

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run npm run build:mui to build the mui application. The build artifacts will be stored in the dist/apps/mui directory.

Run npm run build:antd to build the ant application. The build artifacts will be stored in the dist/apps/antd directory.

Run npm run build:tailwind to build the tailwind application. The build artifacts will be stored in the dist/apps/tailwind directory.

Run npm run build:primefaces to build the prime application. The build artifacts will be stored in the dist/apps/primefaces directory.

Run npm run build:semantic to build the semantic application. The build artifacts will be stored in the dist/apps/semantic directory.

Lint

Run npm run lint to check the lint for all workspace.

Run npm run lint:all to check the lint for all applications, libs.

Run npm run lint:all:fix to fix the lint errors.

ENVIRONMENT VARIABLES LIST

  1. NX_FIREBASE_API_KEY- firebase API key
  2. NX_FIREBASE_AUTH_DOMAIN - firebase auth domain
  3. NX_FIREBASE_PROJECT_ID - firebase project ID
  4. NX_FIREBASE_STORAGE_BUCKET - firebase storage bucket
  5. NX_FIREBASE_MESSAGING_SENDER_ID - firebase messaging sending ID
  6. NX_FIREBASE_APP_ID - firebase app ID
  7. NX_FIREBASE_MEASUREMENT_ID - firebase measurement ID
  8. NX_NODE_ENV - node environment (development or production)

Authors

Logo

License

MIT

About

Backoffice panel to manage clients list implemented in 5 different UI design frameworks

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors