PhilippMeissner

-----> Apt app detected
-----> Detected Aptfile or Stack changes, flushing cache
-----> Adding custom repositories
-----> Updating apt caches
       Get:1 http://archive.ubuntu.com/ubuntu bionic InRelease [242 kB]
       Get:2 http://apt.postgresql.org/pub/repos/apt bionic-pgdg InRelease [46.3 kB]
       Get:3 http://archive.ubuntu.com/ubuntu bionic-security InRelease [88.7 kB]
       Get:4 http://archive.ubuntu.com/ubuntu bionic-updates InRelease [88.7 kB]
       Get:5 http://archive.ubuntu.com/ubuntu bionic/main amd64 Packages [1,344 kB]
       Get:6 http://apt.postgresql.org/pub/repos/apt bionic-pgdg/main amd64 Packages [293 kB]

PhilippMeissner

yarn install v1.22.0
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
[4/5] 🔗  Linking dependencies...
warning " > @angular/http@7.2.16" has incorrect peer dependency "@angular/core@7.2.16".
warning " > @angular/http@7.2.16" has incorrect peer dependency "@angular/platform-browser@7.2.16".
warning " > @ngrx/effects@8.6.0" has incorrect peer dependency "@angular/core@^8.0.0".
warning " > @ngrx/router-store@8.6.0" has incorrect peer dependency "@angular/common@^8.0.0".
warning " > @ngrx/router-store@8.6.0" has incorrect peer dependency "@angular/core@^8.0.0".

PhilippMeissner

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "XX-frontend": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "XX",

PhilippMeissner

index.html
```
<script>
  body > .splash > .spinner {
    width: 50px;
    height: 50px;
    margin: 100px auto;
    background-color: #676767;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;

PhilippMeissner

const Viewport = () => {
  return (
<span className={"absolute top-4 right-4"}>
      <pre className="sm:hidden">base</pre>
      <pre className="hidden sm:block md:hidden">sm</pre>
      <pre className="hidden md:block lg:hidden">md</pre>
      <pre className="hidden lg:block xl:hidden">lg</pre>
      <pre className="hidden xl:block 2xl:hidden">xl</pre>
      <pre className="hidden 2xl:block">2xl</pre>
    </span>

PhilippMeissner

const HEADS = 'heads';
const TAILS = 'tails';
const DESIRED_STREAK_COUNT = 10;
const DESIRED_RESULT = HEADS;

function start() {
  let attempts = 1;
  let totalFlips = 0;
  let streakCount = 0;
  let done = false;