# NPM Frontend

The frontend package is a React based UI, bootstrapped with
[Create React App](https://github.com/facebook/create-react-app) and written in
Typescript.

## React Modules

- [Chakra UI](https://chakra-ui.com/)
- [Formik](https://formik.org/)
- [React Query](https://react-query.tanstack.com/)
- [React Table](https://react-table.tanstack.com/)
- [React Router](https://reactrouter.com/)
- [Format.js](https://formatjs.io/docs/getting-started/installation/)
- [Rooks](https://react-hooks.org/)

Some light reading that inspired the concepts used in the UI:

- [Using react-query with react-table](https://nafeu.medium.com/using-react-query-with-react-table-884158535424)
- [Server side pagination using react-table and react-query](https://dev.to/elangobharathi/server-side-pagination-using-react-table-v7-and-react-query-v3-3lck)