Skip to content

Tech Stack

Jon Soul edited this page Aug 14, 2019 · 3 revisions

In the following diagram it is possible to see the entire ecosystem of the support platform:

Tech Stack Diagram

Inside support-frontend you will find the code which runs in the reader's browser and in the application server. Please bear in mind that support-frontend should not have external dependencies.

PayPal Payments

The following diagram shows the series of requests that take place for a One-Off PayPal payment:

This diagram shows the series of requests that take place for a One-Off PayPal payment

The pieces that make up support-frontend are:

Frontend

  • autoprefixer
  • babel
  • eslint
  • jest
  • preact
  • redux
  • flow
  • sass
  • Google tag manager and ophan for tracking
  • raven (sentry)

Backend

  • Scala
  • Play

Tools

  • npm registry
  • npm scripts
  • sbt
  • webpack
  • yarn

πŸ™‹β€β™€οΈ General Information

🎨 Client-side 101

βš›οΈ React+Redux

πŸ’° Payment methods

πŸŽ› Deployment & Testing

πŸ“Š AB Testing

🚧 Helper Components

πŸ“š Other Reference

1️⃣ Quickstarts

πŸ›€οΈ Tracking

Clone this wiki locally