Projet personel de design et d'integration

Windows 95

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.

windows95
•   HTML   •   CSS   •   JavaScript   •   PHP   •   SQL   •   Java   •   Kotlin   •   Python   •   C   •   C#   •   C++   •   Swift   •   NodeJS   •   Ruby   •   Go   •   Perl   •   HTML   •   CSS   •   JavaScript   •   PHP   •   SQL   •   Java   •   Kotlin   •   Python   •   C   •   C#   •   C++   •   Swift   •   NodeJS   •   Ruby   •   Go   •   Perl   •   HTML   •   CSS   •   JavaScript   •   PHP   •   SQL   •   Java   •   Kotlin   •   Python   •   C   •   C#   •   C++   •   Swift   •   NodeJS   •   Ruby   •   Go   •   Perl  

Contexte et inspiration

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.

windows95

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.

Interface utilisateur

Ce bureau interactif permet, pour l’instant, d’accéder à deux applications principales :

Desktop

NodeJS

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.

Défis rencontrés

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 :

Perspectives d'évolution

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 :

  • Persistance des données : Intégrer une base de données pour sauvegarder l'historique des messages et garantir une continuité entre les sessions.
  • Nouvelles applications : Ajouter d'autres applications inspirées de l'univers Windows 95, comme un explorateur de fichiers interactif ou des mini-jeux.
  • Optimisation de l'interface : Améliorer les animations et le design pour une expérience encore plus immersive et personnalisable.
  • Fonctionnalités avancées : Développer des options de personnalisation permettant aux utilisateurs d'adapter l'interface à leurs préférences.

Contactez moi !

N'hésitez pas à me contacter en remplissant le formulaire ci-dessous