In diesem Kurs erlernten die Studierenden, wie sie mit einem hybriden App-Framework, basierend auf etablierten Web-Technologien Apps für Android und iOS entwickeln können.
Der Markt für mobile Anwendungen (Apps) wird im Wesentlichen durch die zwei Plattformen iOS und Android bestimmt. Für Firmen bedeutet dies meist, dass Anwendungen doppelt implementiert werden müssen, was erhebliche Mehrkosten mit sich bringt und personelle Zusatzkompetenzen erfordert. Hybride App-Frameworks setzen an diesem Punkt an, indem sie eine gemeinsamen Code-Basis für alle Plattformen ermöglichen und dabei bewährte Web-Technologien einsetzen.
CheersMapper ist ein Fullstack-Projekt, das die Verwaltung der Kosten für verschiedene Teams, wie beispielsweise Wohnheim-Barteams, vereinfacht. Statt herkömmlicher Methoden mit manuellen Listen ermöglicht unsere App eine effiziente und benutzerfreundliche Lösung. Mit CheersMapper haben Sie Zugriff auf eine Vielzahl von nützlichen Funktionen wie zum Beispiel:
Abonnement von verschiedenen Bars
Einfaches Eintragen von Getränken
Automatische Rechnungserstellung
Leichte Verwaltung der Getränke
Frontend-Techstack
Unser Frontend-Techstack umfasst leistungsstarke Tools und Frameworks, um eine reibungslose und ansprechende Benutzeroberfläche zu gewährleisten. Wir setzen auf folgende Komponenten:
Expo als Entwicklungsumgebung und Toolset
Expo ermöglicht uns eine schnellere Prototypenerstellung, einfache Bereitstellung und eine umfangreiche Palette an Funktionen für die Entwicklung unserer Anwendung.
Authentifizierung mit Clerk:
Dank Clerk haben wir eine sichere und benutzerfreundliche Authentifizierung in unser Frontend integriert. Unsere Benutzer können sich problemlos anmelden, sich registrieren und ihr Passwort wiederherstellen.
Kommunikation mit dem Backend über Axios:
Für die nahtlose Kommunikation zwischen Backend und Frontend nutzen wir erfolgreich die Axios-Bibliothek. Wir können problemlos HTTP-Anfragen senden und empfangen, um Daten in Echtzeit abzurufen, zu aktualisieren und zu übermitteln.
NativeBase als CSS-Framework und Komponentenbibliothek:
Wir haben NativeBase erfolgreich in unser Frontend integriert, um ansprechende Benutzeroberflächen zu gestalten. Mit den vorgefertigten React-Komponenten von NativeBase haben wir eine ästhetisch ansprechende und zugleich benutzerfreundliche Oberfläche entwickelt.
Backend-/Infrastructure-Techstack
Unser Backend- und Infrastruktur-Techstack setzt auf eine Kombination aus bewährten Tools und Technologien, um eine effiziente und zuverlässige Lösung zu bieten. Dabei setzen wir auf folgende Komponenten:
OpenAI API für Entwicklungs-Zwecke:
Mit der OpenAI API integrieren wir Künstliche Intelligenz in unsere Backend-Entwicklung.
Eigenentwickelter Express-Server:
Unser maßgeschneiderter Express-Server bietet eine robuste Grundlage für die Entwicklung unserer Backend-Anwendung. Durch die Anpassung an unsere spezifischen Anforderungen können wir eine optimale Leistung und Skalierbarkeit sicherstellen.
Clerk zur Verwaltung der Authentifizierung im Backend:
Mit Clerk haben wir eine leistungsstarke Lösung zur Authentifizierungsverwaltung in unserem Backend implementiert. Dadurch können wir Benutzer sicher und effizient authentifizieren, registrieren und ihre Zugriffsrechte verwalten.
Docker für Containerisierung:
Wir nutzen Docker, um unsere Anwendung und ihre Abhängigkeiten in isolierten Containern zu verpacken. Dadurch wird die Bereitstellung und Skalierung unserer Backend-Infrastruktur vereinfacht und die Portabilität erhöht.
MongoDB für die Datenhaltung:
Wir haben uns für MongoDB als unsere Datenbanklösung entschieden. Mit seiner flexiblen und skalierbaren Architektur ermöglicht es uns, Daten effizient zu speichern und abzurufen.
Portainer für die Verwaltung von Docker-Containern:
Mit Portainer haben wir ein benutzerfreundliches Tool zur Verwaltung und Überwachung unserer Docker-Container implementiert. Dies erleichtert die Verwaltung und Skalierung unserer Infrastruktur und gewährleistet eine reibungslose Ausführung unserer Anwendung.
Design
Unser Design strebt danach, den Nutzern ein ästhetisch ansprechendes und beeindruckendes visuelles Erlebnis zu bieten. Aus diesem Grund haben wir uns für eine hochwertige und luxuriöse Farbpalette entschieden. Unsere Farbauswahl wurde sorgfältig getroffen, um eine Atmosphäre von Eleganz und Exklusivität zu schaffen. Wir möchten sicherstellen, dass jeder Nutzer beim Betreten unserer Anwendung ein schönes und ansprechendes Design erlebt, das die Gesamterfahrung aufwertet.
Hinterlasse einen Kommentar