November 2021
Minestryger JavaScript demo
Et fuldt funktionelt Minestryger-spil udviklet udelukkende med HTML, CSS og vanilla JavaScript. Spillets grid og antallet af bomber er dynamisk styret af variabler, hvilket gør det nemt at justere sværhedsgraden. Spillet inkluderer en automatisk funktion, der afslører tomme områder uden bomber, og spilleren kan bruge højreklik til at markere mulige bombeplaceringer, hvilket gør spiloplevelsen både intuitiv og udfordrende.
Minestryger JS demo
Juli 2021
Roomood chat app med rum
Roomood er en chat-demo, hvor brugerne kan vælge mellem forskellige rum og chatte privat. Jeg udviklede webappen over en weekend i juli 2021, kort efter afslutningen af et programmeringskursus, som en måde at udfordre og teste mine nyerhvervede færdigheder inden for JavaScript og de teknologier, vi lærte under kurset.
Roomood er bygget med Node.js, der håndterer server-side JavaScript. Ved hjælp af Express og WebSocket.io sikrer appen live beskedudveksling mellem klienterne. For en mere personlig brugeroplevelse gemmes det sidst anvendte brugernavn og det valgte tema lokalt i brugerens browser ved hjælp af Web/Local Storage.
Demoen er ikke længere tilgængelig, da Heroku har afskaffet deres gratis plan.
Maj 2021
Animeret CSS solsystem
Solar System er en CSS-demo, jeg skabte for sjov og for at udforske mulighederne med CSS-animationer.
Alt fra solen, planeterne og animationerne er lavet udelukkende med CSS. JavaScript bruges kun til at tilføje og fjerne klasser på body-elementet, hvilket gør det muligt at skifte mellem visninger med eller uden optegnede planetbaner og at arrangere planeterne i en linje. Resultatet er en interaktiv og visuelt imponerende demonstration af, hvad der kan opnås med ren CSS.
Solar system CSS demo
April 2021
Layered Crypto Credit Card
I april 2021 arbejdede jeg på at producere grafik til en rapport for en ECB-rapport.
Projektet gav mig mulighed for at udfordre mig selv og skubbe grænserne for, hvad jeg kan skabe i Photoshop. Et af de centrale elementer var et design af et kreditkort i Glassmorphism-stilen, der efterligner effekten af frostet glas. Dette design blev brugt på rapportens forside for at skabe et moderne og professionelt udtryk. Derudover designede jeg også informativ grafik til selve rapportens indhold, der skulle understøtte og tydeliggøre data og budskaber på en visuelt engagerende måde.
August 2019
Operativsystem demo i en browser
GhomriOS var et sjovt og kreativt projekt, hvor jeg forsøgte at genskabe oplevelsen af Windows 10 direkte i browseren.
Den browserbaserede operativsystem-simulation inkluderer en indbygget "browser," der kan åbne hjemmesider via en iframe. Brugerne kan navigere rundt i en dokumentmappe, skifte baggrundsbillede og interagere med vinduer, som kan minimeres, maksimeres og justeres i størrelse. Projektet var en udforskning af, hvordan komplekse brugergrænseflader og funktionaliteter kan implementeres med webteknologier.
Ghomri OS demo