-
Ausgewählte Projekte
+
Projekte
-
-
-
- Ausleihe/Retouren, Gebührenlogik, Admin-Zahlungen, Katalog.
-
-
-
-
-
- Simulation von Ein/Ausfahrt, Zeitstempel, E-Auto-Rabatt.
-
-
-
-
-
- Login, Kurse, Quiz, responsives Design, barrierearm.
-
-
+
+
+
+
+ Alle
+ Java
+ Web
+ Go
+ UI/UX
+
+
+
+
+
+ Lokaler Chat ohne DB: Benutzer/IDs, ChatRoom, Server/Client-Sockets, Unit-Tests, saubere Schichten (Domain, GUI, Fassade).
+
+
+
+
+
+
+
+ Ausleihe/Retouren, Gebühren, Admin-Zahlungen, Katalog.
+
+
+
+
+
+
+
+ Ein/Ausfahrt, Zeitstempel, E-Auto-Rabatt, Abrechnung.
+
+
+
+
+
+
+
+ GUI-basierte Mail-App mit sauberer Schichtentrennung.
+
+
+
+
+
+
+
+ Modellierung von Abfertigung/Security/Gates mit Concurrency-Mustern.
+
+
+
+
+
+
+
+ Login, Kurse, Quiz, responsives Design.
+
+
+
+
+
+
+
+ App-Design für Transportbuchungen, Fokus auf Usability.
+
+
+
+
+
+
+
+ Kleine Spiele mit Java-GUI und sauberem OOP-Design.
+
+
+
+
+
+
+
+ Login/Signup-Formular mit Validation und CSS.
+
+
+
+
+
+
+
+ Concurrency mit Threads/Locks und Hand-over-Hand-Locking.
+
+
+
+
+
-
+
-
-
\ No newline at end of file
+
diff --git a/html/thanks.html b/html/thanks.html
new file mode 100644
index 0000000..07987a2
--- /dev/null
+++ b/html/thanks.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
Danke!
+
+
+
+
+
+
+
Danke für dein Feedback! 🙌
+
Deine Nachricht wurde erfolgreich gesendet.
+
Zur Startseite
+
+
+
+
diff --git a/js/contact.js b/js/contact.js
new file mode 100644
index 0000000..142298f
--- /dev/null
+++ b/js/contact.js
@@ -0,0 +1,67 @@
+/* js/contact.js */
+(() => {
+ const $ = s => document.querySelector(s);
+
+ const form = $('#contactForm');
+ const nameI = $('#name');
+ const mailI = $('#email');
+ const msgI = $('#msg');
+ const hp = $('#website'); // Honeypot
+ const alert = $('#formAlert');
+ const btn = $('#sendBtn');
+
+ if (!form) return;
+
+ const emailRx = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/i;
+
+ const setAlert = (msg, good=false) => {
+ if (!alert) return;
+ alert.textContent = msg || '';
+ alert.style.color = good ? 'var(--accent)' : '#ff9aa2';
+ };
+
+ function validate() {
+ const errs = [];
+ if (!nameI.value.trim() || nameI.value.trim().length < 2) errs.push('Bitte gib einen gültigen Namen ein.');
+ if (!emailRx.test(mailI.value.trim())) errs.push('Bitte gib eine gültige E-Mail an.');
+ if (!msgI.value.trim() || msgI.value.trim().length < 10) errs.push('Nachricht bitte mit mindestens 10 Zeichen.');
+ if (hp.value) errs.push('Spam erkannt.');
+ return errs;
+ }
+
+ form.addEventListener('submit', async (e) => {
+ e.preventDefault();
+ setAlert('');
+
+ const errs = validate();
+ if (errs.length) {
+ setAlert(errs[0]);
+ return;
+ }
+
+ btn.disabled = true;
+ const orig = btn.textContent;
+ btn.textContent = 'Wird gesendet …';
+
+ try {
+ const fd = new FormData(form);
+ const res = await fetch(form.getAttribute('action') || 'php/send.php', {
+ method: 'POST',
+ body: fd,
+ headers: {'Accept': 'application/json'}
+ });
+
+ const data = await res.json().catch(() => ({}));
+ if (!res.ok || !data.ok) {
+ throw new Error(data.error || 'Senden fehlgeschlagen.');
+ }
+
+ // Erfolg → Danke-Seite
+ window.location.href = 'thanks.html';
+ } catch (err) {
+ setAlert(err.message || 'Es ist ein Fehler aufgetreten.');
+ btn.disabled = false;
+ btn.textContent = orig;
+ }
+ });
+})();
diff --git a/js/projektFilter.js b/js/projektFilter.js
new file mode 100644
index 0000000..82acd70
--- /dev/null
+++ b/js/projektFilter.js
@@ -0,0 +1,56 @@
+/* projects.js – Suche + Filter für Projekte */
+(() => {
+ const $ = s => document.querySelector(s);
+ const $$ = s => Array.from(document.querySelectorAll(s));
+
+ const search = $('#projectSearch');
+ const chips = $$('.chip');
+ const cards = $$('.project-card');
+
+ let active = localStorage.getItem('proj.filter') || 'all';
+ const norm = s => (s || '').toLowerCase();
+
+ function apply() {
+ const term = norm(search?.value);
+
+ cards.forEach(card => {
+ const tags = norm(card.dataset.tags);
+ const title = norm(card.querySelector('h3')?.textContent);
+ const text = norm(card.textContent);
+
+ const inFilter = active === 'all' || tags.includes(norm(active));
+ const inSearch = !term || tags.includes(term) || title.includes(term) || text.includes(term);
+
+ card.hidden = !(inFilter && inSearch);
+ });
+
+ chips.forEach(c => c.classList.toggle('is-active', (c.dataset.filter || 'all') === active));
+
+ const counter = $('#projectCount');
+ if (counter) counter.textContent = cards.filter(c => !c.hidden).length;
+ }
+
+ function setFilter(f) {
+ active = f || 'all';
+ localStorage.setItem('proj.filter', active);
+ apply();
+ }
+
+ chips.forEach(ch => ch.addEventListener('click', () => setFilter(ch.dataset.filter)));
+ if (search) {
+ let t;
+ search.addEventListener('input', () => {
+ clearTimeout(t);
+ t = setTimeout(apply, 120);
+ });
+ search.addEventListener('keydown', (e) => {
+ if (e.key === 'Escape') { search.value = ''; apply(); }
+ });
+ }
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', () => setFilter(active));
+ } else {
+ setFilter(active);
+ }
+})();
diff --git a/php/.env b/php/.env
new file mode 100644
index 0000000..f729716
--- /dev/null
+++ b/php/.env
@@ -0,0 +1,8 @@
+SMTP_HOST=smtp.deine-domain.de
+SMTP_PORT=587
+SMTP_USER=dein-smtp-user
+SMTP_PASS=dein-smtp-passwort
+
+MAIL_FROM=no-reply@deine-domain.de
+MAIL_FROM_NAME="Portfolio Kontakt"
+MAIL_TO=deinpostfach@deine-domain.de
diff --git a/php/send.php b/php/send.php
new file mode 100644
index 0000000..9d43cb1
--- /dev/null
+++ b/php/send.php
@@ -0,0 +1,86 @@
+safeLoad();
+
+ // Nur POST zulassen
+ if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+ http_response_code(405);
+ echo json_encode(['ok' => false, 'error' => 'Method not allowed']);
+ exit;
+ }
+
+ // Honeypot (Bot check)
+ if (!empty($_POST['website'])) {
+ http_response_code(400);
+ echo json_encode(['ok' => false, 'error' => 'Spam detected']);
+ exit;
+ }
+
+ // Daten einsammeln & validieren
+ $name = trim((string)($_POST['name'] ?? ''));
+ $email = trim((string)($_POST['email'] ?? ''));
+ $message = trim((string)($_POST['message'] ?? ''));
+
+ if (mb_strlen($name) < 2) throw new Exception('Bitte einen gültigen Namen eingeben.');
+ if (!filter_var($email, FILTER_VALIDATE_EMAIL)) throw new Exception('Bitte eine gültige E-Mail angeben.');
+ if (mb_strlen($message) < 10) throw new Exception('Nachricht ist zu kurz.');
+
+ // Mailer konfigurieren
+ $mail = new PHPMailer(true);
+ $mail->isSMTP();
+ $mail->Host = $_ENV['SMTP_HOST'] ?? 'smtp.example.com';
+ $mail->SMTPAuth = true;
+ $mail->Username = $_ENV['SMTP_USER'] ?? 'user@example.com';
+ $mail->Password = $_ENV['SMTP_PASS'] ?? 'secret';
+ $mail->Port = (int)($_ENV['SMTP_PORT'] ?? 587);
+ $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
+
+ // Absender & Empfänger
+ // Wichtig: setFrom sollte eine Domain nutzen, die zu deinem SMTP passt.
+ $fromEmail = $_ENV['MAIL_FROM'] ?? 'no-reply@deine-domain.de';
+ $fromName = $_ENV['MAIL_FROM_NAME'] ?? 'Portfolio Kontakt';
+ $toEmail = $_ENV['MAIL_TO'] ?? 'ich@deine-domain.de';
+
+ $mail->setFrom($fromEmail, $fromName);
+ $mail->addAddress($toEmail, 'Obai Albek');
+ $mail->addReplyTo($email, $name); // Antworten gehen an den Absender
+
+ // Inhalt
+ $mail->isHTML(true);
+ $mail->Subject = 'Neue Nachricht über das Kontaktformular';
+ $body = sprintf('
Neue Nachricht
+
Name: %s
+
E-Mail: %s
+
Nachricht:
+
+
IP: %s · %s ',
+ htmlspecialchars($name, ENT_QUOTES, 'UTF-8'),
+ htmlspecialchars($email, ENT_QUOTES, 'UTF-8'),
+ nl2br(htmlspecialchars($message, ENT_QUOTES, 'UTF-8')),
+ $_SERVER['REMOTE_ADDR'] ?? 'n/a',
+ date('Y-m-d H:i:s')
+ );
+ $mail->Body = $body;
+ $mail->AltBody = "Neue Nachricht\n\nName: $name\nE-Mail: $email\n\n$message";
+
+ // Senden
+ $mail->send();
+
+ echo json_encode(['ok' => true]);
+} catch (Exception $e) {
+ http_response_code(422);
+ echo json_encode(['ok' => false, 'error' => $e->getMessage()]);
+}
+
+