Dieses Projekt demonstriert meine umfassende Kompetenz in angewandten Technologien sowie meine Fähigkeit, sie erfolgreich einzusetzen. Die erworbenen Kenntnisse sind vielseitig einsetzbar und können problemlos in zukünftigen Projekten angewendet werden.
- Figma
- React.ts
- Spring MVC
- MongoDB
- Lombok & Devtools
Diese Version enthält die Umsetzung eines Designs aus Figma in eine React.ts-Anwendung. Das Projektbild aus Figma wurde als Ausgangspunkt genommen, um die Benutzeroberfläche mithilfe von React.ts zu entwickeln. Es umfasst die Umsetzung der Hauptseite und legt den Grundstein für weitere Funktionen und Seiten innerhalb der Anwendung.
Um das Figma-Bild anzusehen, klicke hier.
Weiter wurde ein VerbEntity-Controller/Service hinzugefügt, um die Datenbankfunktionalität in die Anwendung zu integrieren. Der Controller ist dafür verantwortlich, HTTP-Anfragen zu empfangen und sie an den entsprechenden Service weiterzuleiten, der dann die erforderlichen Datenbankoperationen für die VerbEntity ausführt. Der Service übernimmt die Geschäftslogik und die Interaktion mit der MongoDB-Datenbank, um Daten für die VerbEntity abzurufen, zu speichern, zu aktualisieren oder zu löschen. Durch die Integration dieser Komponenten wird die Anwendung in der Lage sein, effektiv mit der Datenbank zu kommunizieren und die Daten für die VerbEntity zu verwalten, was für die VerbPage von entscheidender Bedeutung ist.
Um einen MongoDB-Container mit Docker zu erstellen, kannst du den folgenden Befehl verwenden:
docker run --name german-learning-db -p 27017:27017 mongo:7
Die VerbsPage bietet die Möglichkeit, verschiedene Verben auszuwählen und zu üben. Zum Beispiel können Sie Verben wie "essen" auswählen und die Konjugationen üben, wie "ich esse", "er isst einen Apfel", "sie haben einen Käse gegessen". Darüber hinaus wurde Navigation mithilfe von Breadcrumbs und mit Pfeilen implementiert, um zwischen den Übungen und Seiten zu springen.
Bei der Aktualisierung von VerbEntity werden nun alle Felder validiert. Wenn falsche oder kritische Daten, wie Nullwerte, gespeichert werden, löst dies eine Ausnahme aus.
Die Daten werden nun von der Datenbank in VerbsPage abgerufen.
Es wird die AdminPage eingeführt, um die Verwaltungsfunktionen der Anwendung zu administrieren.