Plan International Internal Web App

cover of A screenshot of an internal social web app built for Plan International

The Product: A React.js web application to connect with donors via a private app

The Challenge:

Plan International connects donors to 700,000 children via letter-writting. The client wanted a way to provide updates on sponsored children, the relevant news in their countries, and worldwide news that impacts those children.

The app is a React.js front-end that consumes an API curated in Drupal, sourced from multiple locations. Plan International is actually an association of individual organizations worldwide, each with their own technological capacity. A central database of all children sponsored did not exist, for instance. This meant designing and documenting an API so that these individual orgs could submit data to the app in a uniform way. We used Swagger to document and design the API. Data is input into Drupal which acts as a “headless” CMS, publishing the endpoints. React.js consumes and displays the data.

The Details:

  • Year Launched: 2021
  • Role(s): Principal Developer, Tech Lead, Technical Architect
  • Langauges: CSS, HTML, Javascript, PHP
  • Technologies & Tools: Drupal, ESLint, Git, React.js, SASS, Swagger, Webpack