This is, Ajaib Interview test for role (Senior Web Engineer) - By Nando

See hosted project : https://xxidbr9.github.io/ajaib-interview-test

This is a project example of an user list that from API store with state management, and meet all the functionality requirements.

• Debounce search
• Sort Functionality (click sort in every table column),
• Reset Filter Functionality
• Using state management

• React v18
• Typescript
• Ant Design (Base on the example UI)
• Webpack v5
  • Brotli for compression,
• Babel
• Redux
  • Redux saga
  • Redux Toolkit
• Husky
• Eslint
• Jest
• Commitlint
• React Testing Library
• Axios
• More

yarn

yarn dev

yarn build

yarn serve

docker-compose up

Find the Answered Question in Google Docs

https://docs.google.com/document/d/1l05DPZr9z-DVmfXf-jOt2Zm6FIKgWty12Y09WIlJC8k/edit?usp=sharing

Take a look at the presentation Google Slide

• This project use Webpack v5, it will be easily expose and consume a module federation for Micro-frontend
• Brotli for compression, can reduce 60% bundle size when serve it to user, use with ngx_brotli and serve in NGINX, reduce 60% assets size
• Github action for CICD action file
• Test all Development PR see example
• Great Web performance (base on lighthouse)

• Build the project using docker and inside NGINX
• Test all file