JaimeStill

GeoJSON-based Mapping Database + Visualization Engine

Research Sources

• GeoJSON Spec
• GeoJSON
• geojson.io
• Natural Earth
  • Natural Earth - GeoJSON
• Land

JaimeStill

Distributed Reactive Architecture

JaimeStill

body {
  cursor: url(
    "data:image/svg+xml;utf8,
    <svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' style='font-size: 32px'>
      <text y='50'>🚀</text>
    </svg>"
  ), auto;
}

JaimeStill

Active Directory Authorization Workflow

Contents

• Overview
• Setup
• Entity Framework Setup
• API Setup
• API Route Guards
• Angular Service

JaimeStill

ApiQueryService Overhaul

The intent behind the code files provided in this repository is to abstract away the need to generate unique source services each time a query source is needed. Instead, a generic QuerySource class is able to be instantiated per API route, and is managed internal to the component that uses it. To prevent from needing to inject all of the dependencies required by QuerySource into the host component, a QueryGenerator service is made available that handles instantiation of QuerySource objects via its [generateSource](https://gist.github.com/JaimeStill/9792fc15063e8c9fbd9bafa5650b4398#

JaimeStill

Run Platform Via Task

Overview

This setup assumes a monorepo configuration similar to what would be generated from this offline-platform schematic. It assumes that you want to execute the following:

1. Start the .NET server and build the Angular library simultaneously.
2. Once the Angular library build completes, start all of the Angular apps that are included in the monorepo.

Command Configuration

JaimeStill

Git LFS

Quick notes from Git LFS Overview

# help
git lfs help <command>

# command help
git lfs  -h

JaimeStill

/*
  For a more formal explanation, see https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await
*/

// This is not preferred
thenChaining = () => {
  this.somePromise().then(value => {
    this.nextPromise().then(nextValue => {
      /*
        So on and so forth. This gets super ugly

JaimeStill

@use 'sass:map';
@use '~@angular/material' as mat;

@function get-palette($light: true) {
  $palette: (
    "red": (
      "theme": if($light, 'light', 'dark'),
      "palette": mat.define-palette(mat.$red-palette, if($light, 500, A200)),
      "color": mat.get-color-from-palette(mat.$red-palette, if($light, 500, A200)),
      "contrast": mat.get-contrast-color-from-palette(mat.$red-palette, if($light, 500, A200))

JaimeStill

export interface Tab {
  link: string;
  label: string;
  hide?: boolean;
}