Development of the Ágora investment brokerage website.
The project involves the company's institutional website, the investment simulator and the registration area.
The main stack of all projects was React, so it was possible to share the component library between the projects.

For the institutional website, Gatsby.js was used because we had the challenge of generating a static website without losing all practicality and the component library made in React.
For the management of the component library, the Storybook was used, which allowed the Visual Design and UX teams to have a real visualization of the components. It also facilitated the QA team to test each component separately instead of doing the tests based on pages (templates).

Frontend Stack

  • React
  • Gatsby.js
  • Storybook
  • Lottie Web for animations