esports fullstack app

Esports-Full-Stack-App

• Um
• Web-Client
• Webserver/API
• Mobiler Client
• Installation
• Zusätzliche Hinweise

Um

Die Anwendung ermöglicht es Benutzern, ihre Verfügbarkeit zu veröffentlichen, andere Benutzer zu finden und sich mit ihnen zu verbinden, die dasselbe Spiel spielen, damit sie gemeinsam spielen können.

Ziel dieses Projekts war es, die Grundlagen der Client-Server-Architektur zu erforschen. Das Backend stellt eine einfache REST-API zur Verfügung, um Ressourcen basierend auf eingehenden Anforderungen bereitzustellen und zu erstellen. Auf der Clientseite sind die Web- und mobilen Apps für die Kommunikation mit dem Server verantwortlich und stellen eine Schnittstelle für die Abwicklung von Benutzerinteraktionen bereit.

Web-Client

Mit ReactJS erstellter Webclient. Zu den Hauptfunktionen gehören das Auflisten von Spielen und das Erstellen von Anzeigen.

Werkzeuge

• Typoskript
• ReactJS
• RückenwindCSS
• Radix-Benutzeroberfläche
• Axios

Webserver/API

Rest-API mit Routen zum Auflisten und Erstellen von Ressourcen.

Werkzeuge

• NodeJS
• ExpressJS
• Prisma ORM
• SQLite
• Typoskript

Mobiler Client

Der plattformübergreifende mobile Client wird mit React Native erstellt. Zu den Hauptfunktionen gehören das Durchsuchen von Anzeigen und das Finden von Spielern.

Werkzeuge

• Typoskript
• Native reagieren
• Expo

Installation

• Navigieren Sie zu einem Anwendungsstammverzeichnis (mobil, Server oder Web).
• Installieren Sie Abhängigkeiten, indem Sie npm install ausführen
• Führen Sie die Anwendung mit npm run dev aus

Zwei Dinge sollten Sie beachten:

• Sie können den Server installieren und ausführen, bevor Sie die Client-Apps ausführen
• Bis heute ist keine der Anwendungen in diesem Projekt für die Bereitstellung bereit

Zusätzliche Hinweise

• Dieses Projekt ist eine rein praktische Übung, die dazu dient, meine Fähigkeiten in den oben genannten Werkzeugen/Techniken/Konzepten zu entwickeln und/oder zu demonstrieren. Es ist nicht als vollständige, produktionsreife Lösung gedacht. Wenn Sie Fragen haben oder sich darüber unterhalten möchten, können Sie sich jederzeit an uns wenden!
• Diese Übung wurde auf der Grundlage der Lehren aus dem Ignite ReactJS-Programm von Rocketseat erstellt. Es kann sein, dass es von mir angepasst/umgestaltet wurde oder auch nicht.