Wir verwenden LocalStorage, um Ihre Dark-Mode-Einstellungen zu speichern. Wenn Sie fortfahren, stimmen Sie der Verwendung von LocalStorage zu.

Sebastian Basel

WebDev Portfolio

Skills

Projekte

Zufallsgenerator

Bild des Buttons

Bei diesem Zufallsgenerator wird ein Schüler aus einer vordefinierten Liste zufällig ausgewählt. Mithilfe eines PHP-Scripts erfolgt die zufällige Auswahl der Schüler. Der dazugehörige Button ist stilvoll mit CSS gestaltet. Durch ein JavaScript wird die PHP-Datei aktiviert und ausgeführt, sobald der Button betätigt wird.

...Explore

Verwendete Skills:

Melde System

Bild auswahl Schüler Lehrer

Das Melde-System ist speziell für den Fernunterricht konzipiert. Es ermöglicht den Schülern, sich anzumelden und während des Remote-Unterrichts bei Fragen oder Anmerkungen zu melden. Bei einer solchen Meldung wird der Lehrer sofort informiert, sowohl durch eine Benachrichtigung als auch durch eine aktualisierte Liste, die zeigt, welcher Schüler gerade eine Frage hat. Dies optimiert den Kommunikationsfluss und stellt sicher, dass Schüleranfragen in Echtzeit wahrgenommen und adressiert werden können.

...Explore

Verwendete Skills:

MySQLi Daten in Tabelle und %

Bild der Tabelle

Dank der Implementierung von PHP werden die durch den Zufallsgenerator ausgewählten Schüler/innen automatisch in eine MySQLi-Datenbank eingetragen. Anschließend werden diese in einer übersichtlichen Tabelle dargestellt. Zusätzlich wird der Prozentwert dieser Auswahl mittels PHP berechnet und angezeigt.

...Explore

Verwendete Skills:

Gruppen Generator

Bild des Gruppen Generators

Mit Hilfe von JavaScript werden hier die Schüler/innen aus der Liste, in Gruppen aufgeteilt.

...Explore

Verwendete Skills:

Projekt Telekomunikationsanbieter

Bild der Bilinmeyen Startseite

Im Rahmen unseres Kurses beim DCI entstand in Gruppenarbeit eine Test-Internetseite für einen fiktiven Telekommunikationsanbieter. Die besondere Herausforderung dieses Projekts lag nicht nur in der Teamarbeit, sondern auch im Zusammenführen der verschiedenen Beiträge über GitHub.

...Explore

Verwendete Skills:

Responsiv and Redesign der Webseite

Bild des Buttons

In dieser Dokumentation wird dargelegt, wie sowohl die Startseite als auch die vorherigen Projekte für ein Responsive Webdesign optimiert wurden. Das Ziel war es, die Seiten benutzerfreundlicher, zugänglicher und zeitgemäß zu gestalten, sodass sie sich nahtlos an verschiedene Bildschirmgrößen anpassen.

...Explore

Verwendete Skills:

Mein Darkmode

Bild des Buttons

In dieser Dokumentation erläutere ich den Prozess der Implementierung des Darkmodes auf meiner Webseite, inklusive des von mir verwendeten Codes.

...Explore

Verwendete Skills:

Text Adventure

Bild des Buttons

Entdecken Sie mein JavaScript Text-Adventure. Ursprünglich als Konsolenprogramm konzipiert, habe ich es für eine Online-Präsentation webtauglich optimiert.

...Explore

Verwendete Skills:

Time Managment System

Bild des Buttons

Ich habe mein Time Management System neu entwickelt und nun eine Web-Version mit React Native Web erstellt (Desktop: https://github.com/SBasel/solsken-tsm). Außerdem habe ich eine VS Code Extension dazu veröffentlicht (https://marketplace.visualstudio.com/items?itemName=Solsken.tsmii). Mit der App lässt sich nachvollziehen, wie viel Zeit man für Projekte aufwendet. Mehr Details: https://github.com/SBasel/TSM2.

...Explore

Verwendete Skills:

Kita App im Playstore

Startseite der Kita App

Die 'KitaApp' wurde entwickelt, um die Kommunikation zwischen Erzieherinnen und Eltern zu optimieren. Sie ist trilingual und unterstützt Deutsch, Englisch und Türkisch, um möglichst vielen Nutzern entgegenzukommen. Mit dieser App können aktuelle Neuigkeiten geteilt, autorisierte Abholpersonen inklusive Lichtbildausweisen hinterlegt und Gesprächstermine vereinbart werden. Zudem bietet die App einen Überblick über den aktuellen Essensplan und den Jahresplan des Kindergartens. Dadurch wird der Informationsaustausch transparenter und effizienter gestaltet, wodurch sowohl Erzieherinnen als auch Eltern von einer vereinfachten Kommunikation profitieren.

TestUser: tim@email.de pw: q1234567
TestAdmin: laura@email.de pw: q1234567 (work in progress)

...Explore

Verwendete Skills:

Kita App im Web

Startseite der Kita App

Die 'KitaApp' wurde entwickelt, um die Kommunikation zwischen Erzieherinnen und Eltern zu optimieren. Sie ist trilingual und unterstützt Deutsch, Englisch und Türkisch, um möglichst vielen Nutzern entgegenzukommen. Mit dieser App können aktuelle Neuigkeiten geteilt, autorisierte Abholpersonen inklusive Lichtbildausweisen hinterlegt und Gesprächstermine vereinbart werden. Zudem bietet die App einen Überblick über den aktuellen Essensplan und den Jahresplan des Kindergartens. Dadurch wird der Informationsaustausch transparenter und effizienter gestaltet, wodurch sowohl Erzieherinnen als auch Eltern von einer vereinfachten Kommunikation profitieren.

TestUser: tim@email.de pw: q1234567
TestAdmin: laura@email.de pw: q1234567 (work in progress)

...Explore

Verwendete Skills:

WeddingAppV2

Bild des Buttons

Hier habe ich mit React Native Web eine Webseite erstellt. Hier können Hochzeitsgäste aufgenommene Bilder und Videos mit dem Brautpaar teilen. Zudem können Sie noch einen persönlichen Gruß in verschiedenen Farben und Fonts dalassen. Das Brautpaar hat somit eine Galerie die es sich jederzeit anschauen und teilen kann.

...Explore

Verwendete Skills:

Appetitos im Web

Bild des Buttons

Das ist das Abschlussprojekt meiner Weiterbildung zum Full-Stack-WebDeveloper. Hier ist in Gruppenarbeit, in 4 Wochen, diese App entstanden.

...Explore

Verwendete Skills:

Appetitos als App

Bild des Buttons

Das ist das Abschlussprojekt meiner Weiterbildung zum Full-Stack-WebDeveloper. Hier ist in Gruppenarbeit, in 4 Wochen, diese App entstanden.

...Explore

Verwendete Skills: