go-web-app-develop/collaborating/technology.md

Technologies Used to Build the IFRC GO Website

The IFRC GO web application is built using React and Vite, with TypeScript as the primary programming language and pnpm as the package manager.

Libraries and Tools

• Styling

  • PostCSS with CSS Modules

• Maps

  • @mapbox-gl for rendering maps
  • @togglecorp/re-map, a thin wrapper around MapboxGL, for easier integration with React

• Icons and UI

  • @ifrc-go/icons, the IFRC GO icons library
  • @ifrc-go/ui, the UI library powering the IFRC GO platform

• Routing

  • React Router for client-side routing

• Excel Exports

  • exceljs for generating and importing Excel files

• Data Fetching

  • @togglecorp/toggle-request, a hooks-based request library

• Form Handling

  • @togglecorp/toggle-form, a hooks-based form library for managing complex forms with validation and type support

• Testing and Monitoring

  • Storybook for manual testing and visual regression tests of React components
  • Sentry for reporting exceptions and monitoring application performance and reliability
  • Playwright for end-to-end testing
  • Vitest for unit testing

• Versioning and Changelog

  • Changesets for managing versioning and generating changelogs