game night

Gespieltes Spiel

GameNight ist eine Web -App, die Gruppenspielnächte aufzeichnet und analysiert, ohne dass alles von Hand mit Bleistift und Papier verfolgt wird.

Hintergrund

Nachdem ich meine Familienaufzeichnung unzählige Domino-Spiele von Hand mit Post-It-Notizen und Scratch-Pads gesehen hatte und ihren Kampf bei der Organisation und Verfolgung ihrer Spiele sah, beschloss ich, ihre Rekordverletzung auf eine Online-Plattform zu verbessern.

Zusätzlich zur Verfolgung von Spielen von Hand wurde die Ausgabe der gewonnenen Aufzeichnung zu einem Problem. Während physische Papierstücke über ein begrenztes Schreiben verfügen, muss eine Online -Anwendung diesen Einschränkungen nicht entsprechen und viel mehr Daten aufzeichnen und Verbindungen zwischen ihren Daten als Diagramme und Diagramme in einem visuellen Format anzeigen.

Dies begann mit dem einmonatigen Vorstoß, gespieltes Spieler zu erstellen.

? Ziele

Die beiden Hauptziele dieses Projekts sind:

1. Erfahren Sie mehr über serverlose Architektur
2. Erstellen Sie ein nützliches Produkt, das in der realen Welt verwendet werden kann.

Insbesondere möchte ich einen tiefen Eintauchen in AWS -Produkte wie Amplify, Cognito und Dynamo DB machen und mehr über GraphQL erfahren.

Wie funktioniert gespielt

Eine Gruppe, die als Familieneinheit oder Sammlung von Freunden definiert ist, kann ein einzelnes Konto erstellen, um ihre gesamte Gruppe zu verfolgen. In diesem Konto kann jeder Mitglieder, Spiele hinzufügen und/ oder ein Spiel aufnehmen. Mit diesem Einzelkonto -Login ermöglicht es jedem Mitglied jederzeit, dass die Freiheit das Konto bearbeitet. Die Idee dahinter ist, dass es zwar mehrere Spieler gibt, die ein Spiel spielen, aber nur einen Spieler geben muss, um das Spiel aufzunehmen. Dadurch wird der Bedarf an jedem Spieler beseitigt, das Konto zu aktualisieren und Zeit zu sparen.

Sobald Mitglieder und Spiele hinzugefügt werden, kann ein Spiel aufgezeichnet werden, und dann füllt die Dashboard -Seite mit Daten.

Alle Benutzer haben ihre eigene Sammlung von Memmbers, Spielen und Spielen gespielt. Dieser Vorgang wird über User Authenticaiton behandelt, das Daten pro Konto filtert.

? Merkmale

• ? Erstellen und bearbeiten Sie Mitglieder und Spiele in Ihrem Konto
• ✍️ Machen Sie jedes Spiel auf, das Sie spielen,
• Analysieren Sie Daten aus aufgezeichneten Spielen in visuellen Grafiken und Diagrammen

Die Analyse ist aufgrund der endlosen Möglichkeiten der Datenvisualisierung das interessanteste Merkmal. Derzeit bietet GameNight vier Ansichten der Analyse:

• Spielhistorie : Eine Tabellenansicht, in der jedes aufgenommene Spiel aufgelistet ist
• Rangliste : Ein Balkendiagramm, in dem die Anzahl der Siege und -verluste pro Spiel aufgelistet ist
• Spielverteilung : Ein Kreisdiagramm, das die Fraktionen der gespielten Spiele zeigt
• Spielaktivität : Eine Heatmap, die zeigt, wie oft Spiele von jedem in der Gruppe gespielt werden

Tech Stack

Frontend	Backend	Pakete
Reagieren/ nächstes js	AWS Amplify (Hosting & CI/CD)	Wiederaufladungen
Rückenwind -CSS	AWS Cognito (Benutzerauthentifizierung)	Framer -Bewegung
	AWS Dynamo DB (Datenbank)	Formik (Formen)
	GraphQL (API)

? Zukünftige Funktionen

1. Blog Aufgrund der statistischen Natur dieser Website möchte ich eine Blog-Funktion aufnehmen, die die enthaltenen Statistiken ausführlich erklärt. Wenn ein Benutzer beispielsweise verwirrt ist, was genau die Heatmap ist, kann er auf die Schaltfläche Info klicken und in den Blogeintrag angewiesen werden, um zu erklären, was das bedeutet.

2. Benutzerfeedback -Abschnitt Um besser zu liefern, was Benutzer möchten, möchte ich eine einfache Möglichkeit für Benutzer einfügen, nach dem zu fragen, was sie auf der Website hinzugefügt oder geändert haben möchten.

Beitragen

Ich bin froh, dass Sie überlegen, zu diesem Projekt beizutragen. Ich habe eine Menge Stunden in dieses gegossen und würde gerne eine Ihrer Ergänzungen sehen. Bitte lesen Sie Folgendes, um Ihnen und mir den Beitrag zu erleichtern.

Hinweis : Sie sollten keine AWS -Dienste installieren oder einrichten. Hinweis : Wenn Sie aufgefordert werden, sich anzumelden, verwenden Sie die folgenden Anmeldeinformationen:

• Benutzername: testaccount
• Passwort: QWERTY123

Fühlen Sie sich frei, dieses Konto zu bearbeiten, wie Sie es für richtig halten, um Ihren Beitrag zu vervollständigen.

Wenn Sie Probleme haben, die sich anmelden, lassen Sie es mich bitte wissen.

Schritt 1: Erstellen eines Zweigs

Wenn Sie ein Problem sehen, das Ihr Interesse weckt, oder wenn Sie etwas anderes beitragen möchten, folgen Sie diesem Leitfaden:

Zweigstruktur

• Zweige sollten diesem Format folgen
  • feature/name-of-branch (eine neue Funktion, die gemacht wird)
  • update/name-of-branch (ein Update für eine vorhandene Funktion)
  • bug/name-of-branch (ein Fehlerbehebung)

Schritt 2: Erstellen Sie eine PR

Sobald Sie mit Ihrer Filiale zufrieden sind, senden Sie eine PR mit Kommentaren und eine Beschreibung des Dokumentierens, was Sie geändert haben.

Wenn ich die Benachrichtigung erhalte, dass Sie eine PR eingereicht haben, werde ich die PR überprüfen und wenn es keine Fehler gibt, fusionieren Sie sie in das Main. Wenn es jedoch Fehler gibt, werde ich Ihnen die Fehler geben, damit Sie diese beheben können.