> ## Documentation Index
> Fetch the complete documentation index at: https://sylexe.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Design

> L'histoire de Sylexe et de son design.

# Présentation

Sylexe a subit plusieurs changements de design depuis sa création. Il a du s'adapter à plusieurs changement de langage et de framework. Par conséquent, le design a été refait plusieurs fois.

## Le prototype

Sylexe fût d'abord imaginé avec l'outil [Figma](https://www.figma.com/). Il s'agissait d'un prototype de l'interface et du design du site. Il n'était pas fonctionnel, mais il permettait de se faire une idée de ce que ça allait donner.

<img src="https://mintcdn.com/sylexe/xWMBAaEeIvWffuWt/images/sylexe-or.png?fit=max&auto=format&n=xWMBAaEeIvWffuWt&q=85&s=d0074f8595ff7607ba9599e7f20cd9ad" alt="Prototype de Sylexe" width="1906" height="1292" data-path="images/sylexe-or.png" />

## La première version

La première version de Sylexe a été développée en [Electron](https://www.electronjs.org). L'avantage qu'on a eu d'utiliser Electron c'était le multiplateforme, cependant, le design devait être fait en CSS et HTML. Etant donné que nous n'avions pas énormément de temps, nous avons décidé de partir sur un autre language/framework.

## La deuxième version

Après un long brainstorming, et plusieurs passage sur différents langages/frameworks, nous avons décidé de partir sur [ASP.Net Core](https://learn.microsoft.com/fr-fr/aspnet/core/introduction-to-aspnet-core?view=aspnetcore-7.0). Pour permettre d'obtenir un design simple mais ergonomique, nous avons opté pour la suite de composants [Radzen](https://radzen.com/). Cela nous a permis de gagner du temps sur le design, et de nous concentrer sur le développement.
