Web Cardsystem (CC Platform)
📝 Description
This website is a product of the Command Center division at PT. United Tractors. Originally it has a monolith structure, all the menus were in one Git repository. There are always complicated git conflicts because one repo is held by different developers, not to mention the application load is very heavy because the features of each menu are complicated. For this reason, the Tech Lead gave me the task of breaking down the menu, making it a microfrontend, and creating a Single Page Application or web master as the portal.
This is the result of the web master that we managed to create. This website can display all accounting websites in the Command Center division as before, without any existing features being reduced. However, the repository is separate, running on its own pipeline and URL. That way, the website size becomes lighter, loads faster and each developer can work without conflict with others.
🍱 Frontend tech stack :
- @coreui/coreui
- helmet
- react 16.13.1
- react-redux
- sass
- single-spa
- single-spa-react
- sweetalert
📝 Description
This website is a product of the Command Center division at PT. United Tractors. Originally it has a monolith structure, all the menus were in one Git repository. There are always complicated git conflicts because one repo is held by different developers, not to mention the application load is very heavy because the features of each menu are complicated. For this reason, the Tech Lead gave me the task of breaking down the menu, making it a microfrontend, and creating a Single Page Application or web master as the portal.
This is the result of the web master that we managed to create. This website can display all accounting websites in the Command Center division as before, without any existing features being reduced. However, the repository is separate, running on its own pipeline and URL. That way, the website size becomes lighter, loads faster and each developer can work without conflict with others.
🍱 Frontend tech stack :
- @coreui/coreui
- helmet
- react 16.13.1
- react-redux
- sass
- single-spa
- single-spa-react
- sweetalert