Ziel: Jeden Tag coden, lernen, dokumentieren und praxisnahe Mini-Projekte entwickeln.
Dieses Repository dokumentiert meine persönliche 100-Tage-Coding-Challenge – mit HTML, CSS, JavaScript, Python (ab Tag 30) und GitHub Pages.
Zur Unterstützung nutze ich KI-Tools, um schneller zu lernen. Dabei ist es mir wichtig, den Code wirklich zu verstehen und Schritt für Schritt eigene Ideen umzusetzen.
Jeder Tag enthält ein kleines, aber lehrreiches Projekt, das online getestet werden kann und gleichzeitig als Lernvorlage dient.
Viel Spaß beim Stöbern und Lernen! 😊
👉 Alle Projekte direkt im Browser ansehen:
https://sugu4.github.io/100-days-of-code/
Fortschritt
| Tag | Thema | Link |
|---|---|---|
| 1 | HTML Grundlagen | Day01 |
| 2 | CSS Basics (Farben, Schrift, Klassen) | Day02 |
| 3 | CSS Box-Modell & Layout-Abstände | Day03 |
| 4 | Flexbox Basics - moderne Lyout-Technik | Day04 |
| 5 | JavaScript Grundlagen: Interaktivität & DOM | Day05 |
| 6 | Animation mit CSS & JavaScript | Day06 |
| 7 | Eingabefeld & Live-Ausgabe mit JavaScript | Day07 |
| 8 | Einfache Rechenfunktion mit JavaScript | Day08 |
| 9 | Mini-Taschenrechner mit JavaScript | Day09 |
| 10 | Interaktiver Zähler mit JavaScript | Day10 |
| 11 | Punkt-zu-Note-Rechner | Day11 |
| 12 | Mini-Quiz mit Feedback | Day12 |
| 13 | JavaScript-Quiz mit Auswertung | Day13 |
| 14 | Erstellung eines interaktiven Zufallsgenerators | Day14 |
| 15 | Motivationsspruch-Generator und Begrüßungsanzeige mit JavaScript | Day15 |
| 16 | Notizblock mit Dark Mode | Day16 |
| 17 | Live-Zeichenzähler mit Farbanzeige | Day17 |
| 18 | Anpassbarer Passwort-Genarator | Day18 |
| 19 | 3D Flip Card mit Glanzeffekt | Day19 |
| 20 | Pomodoro-Timer | Day20 |
| 21 | Pomodoro-Timer mit Alarm & Zyklen-Tracking | Day21 |
| 22 | Interaktive Atem-Übung mit Animation & Hintergrundmusik | Day22 |
| 23 | Interaktive Weltkarte mit Marker-Funktionalität | Day23 |
| 24 | Binär- und Dezimal-Umrechner | Day24 |
| 25 | JSON Validator & Formatter | Day25 |
| 26 | ToDo-App mit LocalStorage | Day26 |
| 27 | Wetter-App mit OpenWeatherMap | Day27 |
| 28 | Kontaktformular mit Live‑Validierung | Day28 |
| 29 | Gesundheits-App mit interaktiven Features | Day29 |
| 30 | Warenkorb-Analyse | Day30 |
| 31 | Warenkorb Statistik & Trends | Day31 |
Dieses Projekt richtet sich an:
Gerne als GitHub-Issue oder über das Kontaktformular auf meiner Website:
👉 https://sugu4.github.io/guemues/
Dieses Projekt steht unter der MIT-Lizenz.
Nutzung & Anpassung für Lernzwecke ausdrücklich erlaubt.