Projekt: Website im Dark Theme mit HTML, CSS und Javascript

Links

Projekt auf Netlify

Github Project

SheCodes

Projektziel

Erstellen einer Website über eines meiner Hobbies (Bouldern tatsächlich!). Selbst Gecodet mit HTML, CSS und Javascript. Die Besonderheit waren hier besondere background-properties, grid und das auf Klick wechselnde Theme (Dark Theme zu Normalem Theme und andersrum).

Ausgangssituation

Dank Aufgabenstellung von SheCodes konnte ich mich mit leerer VS Studio Code Vorlage wieder einem tollem Projekt widmen.

Ablauf

Die App habe ich in Visual Studio Code programmiert und auf Netlify gehostet. Der Code ist open source und auf Github zu finden.

Gelöste Probleme/Herausforderungen

Ich habe länger keine Website komplett selbst gecodet, auch nicht so eine Mini Seite. Durch WordPress und andere CMS ist das meistens nicht notwendig, aber ich liebe es die Skills nicht zu verlernen und die Details zu verstehen. Daher musste ich ein paar Dinge wieder „neu“ erlernen (z. B. wie deployed man eigentlich auf Netlify?), aber ganz ehrlich, das ist auch kein Hexenwerk und ich bin wieder mega stolz auf mich.

Was habe ich gelernt

Mein Wissen über Grids vertieft und mich dem dark theme gewidmet. Insbesondere auch designtechnisch, was Kontraste und Farben angeht, war dies wieder sehr spannend.

(Hinweis: die Darstellung in den Mockups könnte von der echten Darstellung abweichen.)

Github Project