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.
Jeder Tag enthält ein kleines, aber lehrreiches Projekt, das online getestet und als Lernvorlage verwendet werden kann.
👉 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 |
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.