Création d'une reproduction de l'interface de Windows 95 en HTML, CSS, JavaScript et NodeJS. L'objectif était de créer une interface utilisateur similaire à celle de Windows 95, en utilisant des éléments tels que des fenêtres, des boutons et des icônes afin de créer une expérience nostalgique pour les utilisateurs.
J'ai effectué ce projet personel dans le but de m'entrainer à la création d'interface utilisateur sur figma puis à l'integration de cette interface en HTML, CSS et JavaScript. J'ai également utilisé NodeJS pour la création d'un serveur local. L'objectif initial était de créer simplement une interface de discustion en temps réel avec d'autre utilisateurs, mais j'ai décidé d'aller plus loin en intégrant un bureau, des applications ainsi que la célèble bar de navigation de Windows 95.
J'ai choisi de m'inspirer de l'interface de Windows 95 car c'est un système d'exploitation emblématique qui a marqué l'histoire de l'informatique. Son interface utilisateur est reconnaissable et nostalgique pour de nombreux utilisateurs. En reproduisant cette interface, j'ai pu explorer les concepts de conception d'interface utilisateur tout en créant une expérience interactive et amusante.
Ce bureau interactif permet, pour l’instant, d’accéder à deux applications principales :
Ce projet s'appuie sur NodeJS pour offrir un fonctionnement dynamique et interactif. Le serveur, construit avec Express, gère la distribution des fichiers statiques et initialise un serveur HTTP robuste. L'intégration de WebSocket permet une communication en temps réel, ce qui signifie que chaque message envoyé via l'application de chat est instantanément diffusé à tous les clients connectés. Ce système de communication bidirectionnel garantit une expérience fluide et réactive, tout en assurant la stabilité et la rapidité du backend.
Au cours du développement de ce projet, plusieurs défis techniques et de design ont été surmontés pour créer une expérience utilisateur fidèle à l'univers de Windows 95 :
Bien que ce projet allie déjà design rétro et technologies modernes, plusieurs pistes d'évolution sont envisagées pour enrichir l'expérience utilisateur :
N'hésitez pas à me contacter en remplissant le formulaire ci-dessous