Webdesign & Webdevelopment
Mich reizt alles Gestaltbare. Darum habe ich vor über einem Jahrzehnt den Lehrgang „Grundlagen der Mediengestaltung Printgrafik und Webdesign“ belegt. Meine Arbeitgeber betrauten mich infolge mit der Content-Verwaltung ihrer Websites.
Meine erste komplett eigenständig umgesetzte Website entstand 2018 im Zuge der Gründung meines Fotostudios: www.bestshot.at
Um mein Verständnis um die technischen Hintergründe der Website Programmierung zu erweitern, habe ich Anfang 2024 die Ausbildung zum Fullstack-Developer absolviert.
Diese Ausbildung umfasst:
- HTML & CSS
- Browserseitige Websiteprogrammierung mit JavaScript und React
- Serverseitige Programmierung mit NodeJs
- Datenbank-Kommunikation mit MongoDB
Diese Website habe ich mit WordPress und Elementor erstellt. Sämtliche Inhalte (Header-Logo, Texte, Fotos, Videos) sind von mir. Ich habe dabei Wert darauf gelegt, dass meine Website voll responsive ist. Mein Ausbildung und Erfahrung in den verschiedenen grafischen Bereichen ermöglichen es mir eine Website inklusive Content komplett eigenständig zur erstellen.
Übrigens: Das Bild im Logo des Headers stellt mich als eine „Simpson“ dar. 🙂
Programmieren, wie es begann...
6 Wochen Gips !
… markierten im Sommer 2023 meinen Einstieg ins Web Development. Ich nutzte die Zeit um die Grundlagen von JavaScript, HTML und CSS zu erlernen und programmierte mein erstes „Miniprojekt“ einen (Taschen-)Rechner mit den Grundrechnungsarten. Das Design habe ich zu Ehren meines Gipses in rosa gehalten.
Probier´ ihn doch gleich mal aus!
☆ Calculator ☆
2024 absolvierte ich dann meine Ausbildung zum JavaScript Fullstack Webdeveloper am Wifi Wien:
JavaScript Fullstack Webdeveloper
Meine Projektarbeit ist mit den gelehrten Technologien dieser Ausbildung in der Entwicklungsumgebung Visual Studio Code mit JavaScript programmiert. Die Repositories habe ich mit GitLab verwaltet. Im Frontend läuft meine Anwendung mit React, im Backend mit einem NodeJs-Express-Server. Die Datenspeicherung erfolgt in der Datenbank MongoDB.
In der Umsetzung, sowohl bei der Themenwahl der Applikation, als auch bei der Auswahl von Libaries und dem UI Design, hatte ich freie Hand. Als Frau Ende 40 habe ich mich entschieden, eine Tracking-App für die Wechseljahre zu schreiben, ohne Schnörksel, auf das Wesentliche reduziert und somit einfach und praktisch in der Anwendung.
Meno Tracker, meine App für Frauen in den Wechseljahren
Meine Meno Tracker-App dient als Hilfe zur Dokumentation der Symptome der Wechseljahre in Kombination mit dem weiblichen Zyklus um deren Zusammenhänge zu erkennen. Die gesammelten Daten sind eine gute Grundlage, um zum Beispiel im Gespräch mit dem Gynäkologen, passende begleitende Maßnahmen zu finden und so besser durch diese Zeit zu kommen.
Technische Umsetzung
Login:
Zugang zum Memberbereich mit den Daten nur über Benutzername und Passwort. Die Eingabe wird mit REGEX Pattern validiert und mit der Datenbank abgeglichen. Wenn kein Benutzer-Account vorhanden ist gibt es die Möglichkeit per Button zur Registrierung zu gelangen.
Registrierung:
Um die App nutzen zu können ist eine Registrierung vorausgesetzt. Die Eingabe wird mit REGEX Pattern validiert und mit der Datenbank abgeglichen. Buttons der Anwendung sind generell „disabled“ solange die Eingabe nicht der Validierung entspricht.
Benutzerdatenverwaltung:
Benutzername, Passwort und Emailadresse können hier aktualisiert werden. Der Nutzer kann ein Bild hochladen, das, solange er eingeloggt ist, rechts oben im Header erscheint.
Datenanzeige:
Die Daten werden in einer Tabelle ausgegeben. Der gewünschte Zyklus kann direkt über den Date-Picker gewählt werden. Neue Einträge können hinzugefügt werden. Vorhandene Daten können mit Klick auf das jeweilige Datum editiert werden. Die Daten werden im Zeitraum von einem Menstruationszyklus angezeigt. Zwischen den Zyklen kann man mit den Vor- und Zurückbuttons “ < > “ wechseln.
Dateneingabe:
Zur Dateneingabe und zum Editieren öffnet sich ein Modal mit den Eingabe-Elementen Datum, Slider, Togglebuttons, Nummernfeld undTextfeld.
Zum Thema
Die Wechseljahre sind ein schleichender Prozess, der sich über einen jahrelangen Zeitraum erstreckt. Symptome wie Hitzewallungen, Schlafstörungen, Depression, Gedächtnisstörungen, Beschwerden im Intimbereich, Gelenk- und Muskelschmerzen, trockene Augen, Blasenschwäche oder Brustspannungen nehmen durch diese hormonellen Veränderungen bei Frauen schon ab einem Alter 40 Jahren deutlich zu.
Beschwerden verstärken sich durchschnittlich um den 47.Geburtstag. Im 52 Lebensjahr hat die Hälfte der westlichen Frau durchschnittlich die letzte Menstruation.
In den Wechseljahren, die jede Frau einmal betreffen, kommt es zu gravierenden hormonellen Veränderungen (insbesondere FSH, Progesteron und Östrogen) die zahlreiche körperliche und emotionale Beschwerden hervorrufen können. Diese können neben den klassischen Empfehlungen zu physischer und psychischer Gesundheit und Naturpäperaten auch mit der Bio identer Hormon-Therapie positiv beeinflusst werden.
Dabei nehmen Frauen Präparate mit genau den Hormonen, von denen der Körper in den Wechseljahren selbst zu wenig produziert, ein. Die Dosierung und Art der Anwendung der Präparate (Tabletten, Pflaster, Cremes und Gele) wird speziell zu Beginn der Wechseljahrssymptome anhand der von den Frauen geschilderten Beschwerden festgelegt. Genau hier kommt meine Meno Tracker-App ins Spiel!