> 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/sanlog-logistic-apps.md).

# Sanlog - Logistic Apps

![](/files/3012g684tcYI1Bsq6nrM)

## **What im doing on this project**

* initiate and setup React Native project.
* state management with Redux Saga (React Native), Redux Thunk (Web Admin ReactJS) and Redux Toolkit.
* Api call using Axios and React Query.
* Table component with React Table.
* Setup Layout with [MaterialUI](https://mui.com) for web admin.
* Setup Layout with [NativeBase](https://nativebase.io) for React Native Project.
* create truck monitoring features using realtime map with MapBox.
* Nested form with React Hook Form.
* Web Socket using [Pusher](https://pusher.com/docs/). 
* Setup sentry for error logging.
* override CRA with [Craco](https://www.npmjs.com/package/@craco/craco).

## **Screenshoots**

![](/files/iafLDIcjd4UbHj8ZPp9r) ![](/files/ryAjCuCMpvsNEAnVJEEw) ![](/files/tIGnYeqgRN5C4PO0AYUt) ![](/files/IoVtYXkq601OJFI5vjGN)

![](/files/hDJDvFeWsPB0k6cvbEqL) ![](/files/39PQzdBqjAgRAhs3iggM) ![](/files/UmsXJILjsu8CBQlXfAUQ) ![](/files/6lVCeLitk5vVRJbnhBqG) ![](/files/Zfkex34BprDg5V2GVnc3)