Full-stack capstone projects Vollzeit Batch #27

von Ruben Villalon

Studenten bei der Arbeit an einem Projekt
Wir sind stolz darauf, einen neuen Jahrgang von Absolventen unseres Vollzeit-Entwicklungsprogramms im Februar zu feiern. In den letzten drei Monaten waren wir sehr zufrieden mit der harten Arbeit und Entschlossenheit auf ihrer Programmierreise mit großartigen Ergebnissen, und ihre Abschlussprojekte sind der Beweis dafür.

Diese Projekte zeigen, dass sie nicht nur technische Fähigkeiten erworben haben, sondern auch Selbstvertrauen und eine problemlösende Denkweise entwickelt haben, die hervorragende Entwickler auszeichnet. Die Erfahrungen in ihren jeweiligen Bereichen haben nicht nur individuell, sondern auch in den verschiedenen Teams, an denen sie teilgenommen haben, geholfen – in Projektmanagement, Marketing, Vertrieb und sogar Programmierung. Diese machen diesen Jahrgang zukünftiger Alumni besonders bemerkenswert.

Unsere Studierenden lernten Technologien wie Javascript, React, Python, Django, Postgres, Digital Ocean und Docker kennen. Diese Werkzeuge werden es ihnen ermöglichen, dynamische und innovative Webanwendungen für ihre zukünftigen Unternehmen sowie für ihre eigenen Start-ups und Projekte zu erstellen.

Wir möchten Ihnen die drei Projekte vorstellen, an denen sie gearbeitet haben: BeeSmart, Gavl und Cyclabe.

BeeSmart: „Sei schlau, werde belohnt“

Studierende: Joshua Sussman, Rafael Torres Cordon, Vytautas Urbelis und Erzsébet Erdei


BeeSmart homescreen

Aktuelles Problem

Treuekarten sind wunderbar, um Kunden zur Wiederkehr zu motivieren, jedoch vergessen diese oft, sie mitzunehmen. Zusätzlich müssen Kunden häufig viele solcher Karten jonglieren, was zu unerwünschtem Stress und Verwirrung führt. Zu alledem erhalten Unternehmen mit physischen Karten nicht einmal Daten über ihre Kunden. Mit BeeSmart bieten wir eine Plattform für digitale Treuebelohnungskarten an.

Beschreibung des Projekts

BeeSmart revolutioniert das traditionelle Treuekartensystem durch eine digitale Alternative. Mit BeeSmart können Kunden mehrere physische Karten durch eine einzige digitale Karte ersetzen, die sicher im Wallet ihres Smartphones gespeichert ist. Diese universelle Karte wird von jedem teilnehmenden Einzelhändler akzeptiert, der Kampagnen über BeeSmart durchführt, was Komfort und einfache Nutzung bietet. 
Für Unternehmen bietet BeeSmart eine papierlose Lösung, die die Verteilung von Treueaktionen rationalisiert und das Kundenengagement verbessert. Zusätzlich erhalten Unternehmen detaillierte analytische Berichte, die bei der Verfeinerung von Marketingstrategien und der Maximierung der Kampagneneffektivität helfen.

Coupon Free ice cream coupon collection

Technische Merkmale

Separate Schnittstellen für Unternehmen und Kunden
Kunden profitieren von einem schnellen und nahtlosen Erlebnis von der Registrierung bis zur täglichen Nutzung.
Unternehmen können sich ebenfalls in Sekunden registrieren und sofort Kampagnen erstellen.
Marketingeinsichten für Kampagnen werden in Echtzeit bereitgestellt, was informierte Entscheidungen und schnelle Entscheidungsmöglichkeiten für Einzelhändler ermöglicht.

Technologie-Stack

BeeSmart wurde mit modernsten Technologien entwickelt, um ein nahtloses und makelloses Benutzererlebnis zu garantieren. Unsere Webseite wurde mit React und React Native für eine robuste Strukturierung entwickelt und durch elegantes Seitendesign dank Tailwind und DaisyUI ergänzt.

Die Backend-API ist mit dem Django Rest Framework entwickelt, und das Datenmanagement wird effizient in PostgreSQL gehandhabt. Das Hosting erfolgt über die Virtual Machines von Digital Ocean, die eine containerisierte Architektur aufweisen und in eine automatisierte CI/CD-Pipeline über Gitlab integriert sind.

Campaign

Ausblick

Die Zukunft von BeeSmart sieht vielversprechend aus, und wir freuen uns darauf, Unternehmen und Kunden bald die Möglichkeit zu bieten, die Version 2.0 aus den Apple- und Google Play-Stores herunterzuladen. Diese kommende Version wird eine Integration sowohl mit Google Wallet als auch Apple Wallet bieten, was eine bedeutende Verbesserung in Bezug auf Bequemlichkeit und Funktionalität darstellt. Wir freuen uns darauf, mit unseren ersten Geschäftskunden zusammenzuarbeiten, wenn wir diese neue Phase unseres Dienstes starten.

Schlussfolgerung

Einzelhändler stehen oft vor Herausforderungen aufgrund mangelnder ausreichender Daten, die ihre Entscheidungsprozesse informieren könnten. BeeSmart ermächtigt kleine und mittelständische Unternehmen, indem es ihnen verbesserte Werkzeuge zur Verfügung stellt, um besser mit ihren Kunden zu interagieren. Gleichzeitig bietet es bedeutende Vorteile für die Kunden und fördert eine gegenseitig vorteilhafte Beziehung zwischen Unternehmen und ihrer Kundschaft.
 

Gavl: Plattform zur Projektbewertung

Studierende: Andy Acosta, Daria Zorina, Sascha Baschera, Vanessa Albrecht, Eren Yuksel


Gavl

Aktuelles Problem

Der Bauleiter stellte dem Team ein Geschäftsproblem einer lokalen Stiftung/Öko-Startup-Akzelerator vor, der in Genf, Schweiz, ansässig ist. Der Akzelerator hatte keine effiziente Möglichkeit, Startups für ihre Wettbewerbe zu bewerten. Sie überprüften manuell Dokumentationen und Bewerbungen jedes Startup-Bewerbers, trafen sich einmal im Jahr persönlich, benutzten Stift und Papier zur Bewertung und besprachen die Notizen gemeinsam, um den Gewinner eines Hauptpreises von bis zu 100.000 CHF zu ermitteln.

Dieser Prozess war zeitaufwendig und machte es für Juroren, die nicht persönlich teilnehmen konnten, unzugänglich.

Beschreibung des Projekts

Diese Plattform ermöglicht Organisationen, Startup-Bewertungsveranstaltungen einfach zu verwalten. Das bedeutet, dass Organisationen eine Veranstaltung erstellen, die Kriterien definieren, die Teilnehmer hinzufügen, die Juroren/Panelmitglieder einladen können, um die Teilnehmer zu bewerten, und die Daten abrufen können, um die Ergebnisse der Veranstaltung zu bestimmen.

Main page
 

Technische Merkmale

Profil-Seite:

  • Organisationen können ihre Organisationsinformationen bearbeiten und ihr Logo hinzufügen
Events page 

Veranstaltungsseite:

  • Organisationen können eine Veranstaltung erstellen und die Bewertungskriterien festlegen.
  • Sie können Richter/Panelisten einladen, die eine E-Mail erhalten, um sich anzumelden und aus der Ferne teilzunehmen.
  • Der Administrator der Organisation und die eingeladenen Juroren haben getrennten Zugriff auf die Veranstaltungsseite.
  • Organisationen können eine Veranstaltung zusammen mit ihren Kriterien bearbeiten

Wettbewerbsseite

  • Die Start-ups können in einer übersichtlichen Liste mit ihren Logos und Beschreibungen aufgeführt werden.
  • Dies erleichtert den Juroren die Bewertung der teilnehmenden Startups.
  • Statistik-Seite
  • Organisationen können die Daten der von den Juroren abgegebenen Bewertungen einsehen und analysieren, um das Ergebnis zu ermitteln.

Technologie-Stack

  • Django
  • JavaScript
  • Python
  • ReactJS
  • Docker
  • CSS
  • DaisyUI
  • Tailwind, GitLab,
  • GitLab runners
Competition page

Ausblick

Sie planen, die Plattform mit neuen Funktionen zu erweitern, um sie für verschiedene Arten von Organisationen skalierbar zu machen, so dass sie Bewertungsveranstaltungen ausrichten und Remote-Panelisten einladen können, die Teilnehmer anhand der festgelegten Kriterien zu bewerten.
 

Cycable

Studenten: Toni Pinjuh, Imane Boumeshouli, Michael Softic, Janani Venugopal and Vladimir Kumov

Cycable maps

Aktuelles Problem

In den letzten 10-20 Jahren sind Fahrräder zu einem heißen Thema geworden. Städte, Länder und größere Institutionen wie die Europäische Union versuchen, das Fahrrad in den städtischen Raum zu integrieren. Einigen Städten gelingt dies besser als anderen, die daran scheitern. Eines der Probleme ist der Mangel an Daten über die Herausforderungen, mit denen Radfahrer in Städten konfrontiert sind. Oft werden nur Daten über Unfälle mit Toten und Verletzten gemeldet. An Orten, an denen es an Sicherheit mangelt, bleiben Fahrraddiebstähle und Unfälle ohne Verletzte unbemerkt, obwohl dies oft genau die Probleme sind, die die Menschen vom täglichen Radfahren abhalten.

Beschreibung des Projekts

Dieses Projekt schlägt vor, eine Plattform zur Erfassung detaillierter Informationen über Fahrradunfälle zu schaffen, die oft von offiziellen Statistiken übersehen werden. Das Hauptziel ist es, Forschern und Stadtplanern handlungsrelevante Daten zur Verfügung zu stellen, die zu Verbesserungen in der städtischen Fahrradsicherheit führen können. Die Initiative zielt darauf ab, nicht nur Unfälle mit Radfahrern zu dokumentieren, sondern auch Orte, die anfällig für Fahrraddiebstähle sind, Beinahe-Unfälle und Bereiche, in denen geringfügige Verbesserungen die Sicherheit und Bequemlichkeit für Radfahrer erheblich erhöhen könnten. Durch dieses Unterfangen strebt das Projekt danach, zur übergeordneten Mission beizutragen, Städte zu schaffen, die einladender und sicherer für Radfahrer sind, und fördert damit eine gesündere, nachhaltigere Form des städtischen Transports.

Stats

Technische Merkmale

●    Benutzerregistrierung und -authentifizierung: Sichere Anmelde- und Login-Funktionen für Nutzer, die sich auf der Plattform engagieren wollen. Diese grundlegende Funktion gewährleistet, dass Community-Mitglieder in einer sicheren Umgebung Beiträge leisten können.
●    Beitrag und Berichterstattung: Nutzer können durch die Meldung verschiedener Situationen beitragen, die nicht nur auf Vorfälle beschränkt sind, sondern auch Vorschläge für Infrastrukturverbesserungen und rechtliche Anpassungen umfassen. Für jede Einreichung können Nutzer folgendes angeben:
●    Geolokalisierung: Markieren Sie den genauen Ort des Berichts, um eine präzise Identifikation und Kartierung zu ermöglichen.Datum- und Zeitangabe: Erfassen Sie, wann das Ereignis stattgefunden hat oder wann die Beobachtung gemacht wurde, um einen zeitlichen Kontext zu bieten.
●    Detaillierte Kategorisierung: Klassifizieren Sie den Bericht anhand vordefinierter Kategorien wie Unfälle, Beinahe-Unfälle, Diebstähle und Vorschläge für die Legalisierung bestimmter Handlungen zur Verbesserung der Fahrradsicherheit und Bequemlichkeit.
●    Foto-Uploads: Ermöglichen Sie das Anhängen von Fotos, um die Situation visuell zu dokumentieren, was die Klarheit und Nützlichkeit des Berichts erhöht.
●    Beschreibung: Bieten Sie eine Option für zusätzliche Erzählung, die es den Mitwirkenden ermöglicht, die Situation detailliert zu beschreiben.
●    Datenbankintegration: Eine robuste Backend-Infrastruktur, um alle Benutzerbeiträge effizient zu speichern, zu verwalten und abzurufen. Dieses System ist entscheidend, um eine reaktionsschnelle und zuverlässige Plattform zu erhalten.
●    Interaktive Karte: Ein dynamisches Frontend-Feature, das die Berichte auf einer interaktiven Karte visualisiert. Diese Visualisierung kategorisiert nicht nur die Beiträge nach Typ (z.B. Unfälle, Diebstähle, Infrastrukturvorschläge), sondern bietet auch eine intuitive und zugängliche Möglichkeit für Nutzer, die Daten zu erkunden.
●    Benutzerinteraktion bei Berichten: Möglichkeit, Kommentare zu Berichten anderer zu hinterlassen, wodurch eine gemeinschaftsgetriebene Diskussion über Fahrradsicherheit und Infrastrukturverbesserungen gefördert wird.
●    Mobile Responsive Design: Sicherstellung, dass die Website auf verschiedenen Geräten leicht zugänglich ist, was das Benutzerengagement erhöht.
●    Analytics-Dashboard: Für Nutzer, Administratoren und Partnerorganisationen, um Statistiken und Trends bezüglich Fahrradvorfällen und Infrastrukturproblemen einzusehen.
●    Forschungs- und Datenexportwerkzeuge: Unsere Plattform umfasst Werkzeuge, die für Stadtverwaltungen, öffentliche Organisationen und akademische Forscher entwickelt wurden, um Daten zu analysieren und zu exportieren. Nutzer können einzelne Berichte im PDF-Format herunterladen oder alle Daten im GeoJSON-Format exportieren, was weitere Studien und die Formulierung von Politik erleichtert.

Accident report

Technologie-Stack

Diese Website wurde mit React und JavaScript für ein dynamisches Frontend gestaltet, kombiniert mit Django und Python im Backend für eine robuste Datenverarbeitung. Benutzerinteraktionen werden sicher mit JWT verwaltet, während PostgreSQL und ponyORM die Datenbankoperationen effizient handhaben. Die Site ist mit Styled Components gestaltet, mit interaktiven Funktionen, die von Charts.js und Mapbox angetrieben werden. Alles wird auf DigitalOcean gehostet für zuverlässige Leistung, und GitLab wird für ein effizientes Versionskontrollmanagement verwendet. Dieser Technologiestapel stellt sicher, dass die Website nicht nur interaktiv und visuell ansprechend ist, sondern auch sicher und einfach zu verwalten.

Theft

Ausblick

Cycable wird die folgenden Funktionen implementieren:
1.    Telegram-Bot-Integration: Ein Bot zur Erleichterung der Berichtseinreichungen direkt über Telegram (andere Messenger).
2.    Benutzerinteraktion bei Berichten: Möglichkeit für Benutzer, die von anderen gemeldeten Standorte zu bewerten.
3.    KI für Datenanalyse: Fortgeschrittenere und komplexere Analyse der gesammelten Daten mit der Ergänzung von KI.
4.    Mehrsprachige Unterstützung: Um eine vielfältige Nutzerbasis zu bedienen, beginnend mit großen Sprachen und erweiternd basierend auf Nutzerdemografie.
5.    Kartierung der Fahrradinfrastruktur: Integration von Open-Source-Karten zur Anzeige vorhandener Fahrradinfrastrukturen, wie Fahrradwege und -ständer, auf der Karte der Plattform. Diese Funktion hilft nicht nur Radfahrern, sicherere Routen zu planen, sondern identifiziert auch Bereiche, die einer Infrastrukturentwicklung bedürfen.
6.    Community-Funktionen: Foren oder Chaträume, in denen Benutzer über Fahrradsicherheit diskutieren, Ratschläge teilen und bei Advocacy-Bemühungen zusammenarbeiten können.

Profile
 

Schlussworte

Bringe deine Karriere mit dem bahnbrechenden Full-Stack Bootcamp der Constructor Academy auf neue Höhen.

Bereit, eine Welt voller Möglichkeiten in einem herausfordernden, angesehenen und finanziell lohnenden Feld zu erkunden? Dann bist du beim Full-Stack Bootcamp von der Constructor Academy genau richtig.

Unser Programm ist darauf ausgelegt, dir die Fähigkeiten und Werkzeuge zu geben, die du benötigst, um die Kraft von realen Daten zu nutzen. Wir bieten zwei flexible Optionen: ein 12-wöchiges Vollzeitprogramm und eine 22-wöchige Teilzeitoption. Im Laufe der Erfahrung wirst du dich mit Schlüsseltechnologien wie CSS, HTML, Python, JavaScript, Django, Zustandsmanagement mit Redux und vielem mehr vertraut machen.

Mach dich bereit für eine Zukunft voller Möglichkeiten. Die Constructor Academy ist darauf ausgerichtet, angehende Entwickler wie dich zu ermächtigen, dein wahres Potenzial zu entdecken und den Weg für unübertroffenen Erfolg zu ebnen. Begleite uns auf diesem aufregenden Abenteuer und lasst uns gemeinsam die Zukunft der Full-Stack-Entwicklung gestalten.       

Möchtest du mehr über die Constructor Academy und technikbezogene Themen lesen? Dann finde hier weitere spannende Blogbeiträge.

Mehr Infos
Blog