politischbilden.de

The online platform „politischbilden.de“ makes open teaching materials freely available to political educators.

Together with robole and Knick Design, I had the chance to develop the frontend of the online platform politischbilden.de. The project plays a pioneering role in the field of political Open Educational Resources (OER).

Responsibilities

  • Development of a fast-loading, mobile-first frontend
  • Fetching content from a headless CMS
  • REST API design

Features

  • Fast loading, highly scalable mobile-first frontend
  • Headless CMS
  • Upload of user content
  • Video player integration

Engineering details

To ensure the fastest possible loading times and high scalability we chose the static site generator Gatsby. Since the content can be managed in a custom-built CMS, I had to create a Gatsby Source Plugin, to retrieve the content using the CMS REST API. The API was designed in close cooperation with the backend team using Swagger.

Visitors can submit their own materials. In order to map the rather complex dependencies in the validation process, I used the open source libraries Formik and Yup. This allowed me to organize these dependencies in clear and easy to understand schemas.

Tech stack

  • React
  • Redux
  • Gatsby
  • CSS Modules
  • GraphQL
  • REST API
  • Typescript
  • Node JS
  • JAMstack