- To understand more about the React MUI library
- For me its easy, it took me half a day to implement the Requirements needed for the test
- The only challenge for me is the usage of the React MUI library, as i need to understand how theming works here, how the styles and components are implemented
- Probably i would say 85-90%
- It would be pretty easy, as we just need to adjust it in our
themeobject
- Added responsiveness on this to display properly on small resolutions
- Added the
<CSSBaseline>which is to normalize the styles across other browsers
- Then we need to update the backend API to support pagination and implement the pagination
- Currently we use context for this, which is alright based on the requirements and size of the app,
but we need to use a global state management here like
reduxorzustandin the future if the codebase grows and there's alot of data accessing between siblings.
- We use
react-intllibrary to handle different languages on our text
- We add unit test and component test
- I've added some UX on this:
- on creating new client, we show a snackbar telling users that its a success operation
- if the required field is not inputted, we display a proper error message on the UI
- in searching, we see the results in real-time. Though if the API is properly implemented, then we move the searching logic to the backend and add a loading state while searching
- if there's an error in the API when we create a client, we catch the error
- Added
uuidlibrary to generate the ID of the client to be sent to the API - Added
react-hook-formto handle the input form validation - Added
prettierfor code formatter
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent