Elyze - Une application de bureau boostée par le web

Elyze, plus qu’une application de bureau. Un laboratoire interactif, pensé et conçu avec Electron.

A propos du projet

Sur Instagram, je suis tombé sur une vidéo d’une développeuse, Nasha, qui codait une application de bureau toute mignonne pour cuire parfaitement ses œufs de différentes façons. En regardant de plus près les technologies qu’elle avait utilisées, j’ai découvert qu’elle s’appuyait sur Electron. Electron est un framework qui permet de créer des applications multiplateformes en utilisant des technologies web. Intrigué, j’ai décidé de me lancer dans la création d’une application combinant des fonctionnalités à la fois ludiques et utiles, afin d’étoffer mes compétences. Ce projet a impliqué plusieurs étapes et compétences. Tout d’abord, il a fallu réfléchir aux fonctionnalités que je voulais implémenter. J’ai finalement choisi d’en intégrer trois : Un Pomodoro, permettant de créer des sessions de concentration. Un Clicker, un petit jeu où l’objectif est de cliquer le plus vite possible en 10 secondes pour obtenir des récompenses. Une liste de caractères spéciaux, pratique pour récupérer rapidement, par exemple, un "À" majuscule. Une fois ces fonctionnalités définies, j’ai travaillé sur l’identité visuelle de l’application : création du logo, choix des couleurs et du nom. Ensuite, j’ai conçu le design en passant par une phase de recherche d’inspiration, la réalisation d’un wireframe sur papier pour structurer les pages, et enfin la création de la maquette sur Figma. Cette partie du projet a mobilisé mes compétences en design UX/UI et graphisme. Pour le développement, j’ai opté pour Electron avec Vite et TypeScript, une combinaison offrant tous les outils nécessaires pour packager l’application sur différents systèmes d’exploitation. Electron propose également une architecture claire qui facilite le découplage des différentes parties du code. J’ai ainsi développé l’application en utilisant les technologies web classiques : HTML, CSS et TypeScript. Grâce à ce projet, j’ai pu renforcer mes compétences en développement tout en créant un outil utile qui me servira pour des besoins spécifiques. Enfin, pour promouvoir l’application, je me suis amusé à concevoir une landing page professionnelle, permettant aux utilisateurs de la tester facilement.

Contexte du projet