FrontEnd Stack

In order to make this application flexible, scalable and easy to maintain we choose to built it using a MicroFrontEnd Arquitecture.

This Architecture has many benefits for both the development and the product side. For the development side we have the ability to work on each piece of the code independently, make in it easy to test, maintain and to make changes without affecting the application.

Additionally, we’ll have the ability to integrate each piece of this front-end in another application just by importing the *.js file generated.

For the product perspective, we have the scalability and flexibility so as the product keeps evolving and growing it would be very easy to integrate the new functionalities across the application.

Technology Stack

• ReactJS => 18

• Module Federation

• Jotai State Manager

• Material UI for React

• Vitest for Unit Testing