> For the complete documentation index, see [llms.txt](https://alesna.gitbook.io/profile/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://alesna.gitbook.io/profile/portfolios/tujju-management-system.md).

# TUJJU Management System

![TMS Login page](/files/BzV49SyMTs8wzftCg8EY)

[TUJJU](https://www.tujjumedia.com/about-us) is a leading global language translation company headquartered in Jakarta, Indonesia. We serve global multinational corporations and media companies. We leverageleading global talent, resources, artificial intelligence, and technology to ensure ourservices are premium, polished and pioneering.

## What im doing on this project

* initialize and setup project with CRA
* Authentication with Google.
* setup development library (eslint, commitlint, husky, etc)
* setup layout with [tailwindcss](https://tailwindcss.com/).
* create base and reusable component.
* create CRUD component.
* nested form with [React Hook Form](https://react-hook-form.com/).
* setup Api call with [axios](https://github.com/axios/axios) and [React Query](https://react-query.tanstack.com/).
* implement role management with [React CASL](https://casl.js.org/v4/en/package/casl-react).
* create table component with [React Table](https://tanstack.com/table/v8/docs/guide/00-introduction).
* state management with [Redux](https://redux.js.org/).
* setup deployment for staging environment and automation deploy on [vercel](https://vercel.com/).

## **Screenshoots**

![](/files/ppmXt6b8qX9NQoGcO7k1) ![](/files/bG0SFsa3336kv0A5oL1M)

![](/files/8xjH2UPrEoxkJAJikbkH) ![](/files/oQDFeIzbKK0JNSFcIH1x)