explore cwa react

	Master	Heroku
Tests
Berichterstattung

"Explore Me CWA" [Client -Webanwendung]

Dieses Projekt konzentriert sich auf die Parsen verschiedener Datensätze, einschließlich der Daten der britischen Regierung zu Immobilienverkäufen, den Daten zur Polizeiberichterstattung und der Postleitdaten. Ziel ist es, geografische Informationen zu nutzen, um Verbindungen zwischen Postleitzahlen unter Verwendung von Breitengrad und Längengrad herzustellen.

Das Hauptziel ist es, ein skalierbares GraphQL -Backend zu entwickeln, das angeforderte Ergebnisse schnell liefern kann. Dieses Bestreben versucht, komplizierte Aspekte der Verwendung von GraphQL zu beleuchten und Herausforderungen wie das Problem von N+1 und die Skalierungsszenarien zu bewältigen, in denen mehr als eine Datenbank für Schreibknoten und Leseknoten erforderlich ist.

Zu den wichtigsten Merkmalen des Projekts gehören ein solides System für automatisierte Qualitätssicherung (QA), das anonymisierte Datensaat für umfassende QA -Tests enthält. Das Projekt untersucht auch die Flexibilität von JavaScript und überschreitet die Grenzen der Sprache. Insbesondere befasst es sich mit den Einschränkungen der Standard -V8 -Objektfelder, die auf etwa 8,4 Millionen begrenzt sind, und unterstreicht die überlegene Handhabungskapazität der Kartendatenstruktur.

Darüber hinaus enthält das Projekt ein Warteschlangensystem, um die Effizienz der Datenverarbeitung zu verbessern. Im Wesentlichen ist das Projekt eine praktische Demonstration vielfältiger und fortgeschrittener Aspekte der Softwareentwicklung, die ein Engagement für Exzellenz und Innovation widerspiegelt.

Live -Demo

• Webanwendung [https://exploreme.co.uk]
  • Graphql [https://graphql.exploreme.co.uk]

Softwareanforderungen

Wenn Sie make -Befehle verwenden, sind Docker und Docker-Compose erforderlich, und lokaler Knoten.js mit NPM sind optional

• node.js
• NPM oder Garn
• Optionales Makefile kommt in Unix -Umgebungen aus der Box
• Optional Docker v18.09+
• Optionale Docker-Compose V3+ nur für "Cypress" -Tests

gebrauchte Technologien

• react.js
• Sass
• Scherz
• Reagieren Sie die Testbibliothek
• Zypresse

Gebrauchtdienste

• Kreis CI
• Codecov
• Code Klima
• Snyk

So installieren

• Mit make -Befehlen sind keine zusätzlichen Schritte erforderlich, da Sie $ npm i ausführen müssen

So führen Sie Tests aus

• End-to-End-Cypress-Tests: $ make sync $ make cypress
  • NPM -Analogon erfordert das Booten von CWA & SA und verknüpfen Sie sie mit cd cypress && npm test
• Funktionelle "Scherz" -Tests: $ make test oder $ npm test
  • Optionale "Scherz" -CLI -Parameter, Beispiele:
    • Um die Deckung zu sammeln, wird ein Beispiel: $ npm test -- --coverage , Report in ./Coverage Directory gefunden
    • Um Tests nur in einer bestimmten Datei auszuführen, Beispiel: $ npm test src/validation/rules.test.js

Wie man im "Entwicklungsmodus" läuft

• $ make oder $ npm start

So laufen Sie im Produktionsmodus

• $ make serve , es gibt kein npmäquivalent
• Wenn Sie nur statische Vermögenswerte generieren müssen
  • $ make build oder $ npm run build - generierte Vermögenswerte werden in ./build verzeichnet sein

So führen Sie Container mit unterschiedlichen Variablen mit "make" aus

• Beispiel: make PORT=18080

Gitflow

• Heroku -> Aktuelle Produktion , enthält produktionsspezifische Änderungen , Trigger für AWS bei jedem Druck eingesetzt
• Master -> Die meisten bis zur Datumsbereitschaft , alle Zuganfragen in diese Filiale erhielten obligatorische Schecks 'CI/Circleci: Scherz' und 'CI/Circleci: Cypress'
• Feature -Zweige -> In den Master -Zweig verschmelzen, wenn sie bereit sind und die obligatorischen Schecks bestanden haben
• CI führt Tests in einer isolierten Umgebung durch

Gebrauchte Umgebungsvariablen

Variable	Standardwert	verwendet als	Zweck
HAFEN	8080	Nummer	Port, auf dem die Bewerbung zur Verfügung gestellt wird
React_app_graphql	// Localhost: 8081	Saite	GraphQL Backend URI
React_app_title	Data Explorer	Saite	Titel der Website

DEMO

Überblick

Eigenschaften

Vorfälle