Un client fictif, "CloudOptim", souhaite avoir un dashboard simple pour surveiller et gérer ses serveurs cloud. Le client souhaite évaluer vos compétences techniques avant de vous confier le projet.
Durée Totale: 3 heures
-
Objectif: Créer une maquette de dashboard pour la surveillance des serveurs cloud.
-
Livrables
- HTML :
- Une page avec un en-tête (incluant le logo et le nom de "CloudOptim"), un pied de page, et une section principale.
- Dans la section principale, une liste de serveurs avec des informations basiques (nom, statut, CPU utilisé, mémoire utilisée (utilisez des valeurs aléatoires ou statiques).
- CSS :
- Des styles élégants et modernes pour chaque section et élément de la liste.
- La page doit être responsive pour s'adapter à tous les types d'écrans.
- HTML :
-
Objectif: Ajouter des éléments interactifs pour améliorer l'expérience utilisateur.
-
Livrables :
- Interaction
- Un bouton "Favoris" à côté de chaque serveur. Lorsqu'il est cliqué, le serveur est marqué comme favori, le bouton change de couleur pour indiquer le statut de favori, et le serveur est mis en évidence dans la liste.
- Une alerte ou une notification qui s'affiche lorsqu'un serveur est marqué comme favori (CSS ou alert au choix)
- Interaction
-
Objectif : Structurer et optimiser le projet pour une meilleure performance et maintenabilité.
-
Livrables:
- Projet :
- Initialisation et configuration de npm, Webpack et Babel pour le projet
- SCSS :
- Création et utilisation de varibles SCSS pour les couleurs et les polices afin de styliser le dashboard de manière cohérente et facilement modifiable
- Projet :
Instructions :
- Vous pouvez consulter des ressources en ligne et les exercices fait en cours. L'exercice est individuel.
- Le code doit être propre, bien organisée et commenté
- Créer un fork du projet et cloner le pour travailler dessus.
- Le dernier commit avant midi sera pris en compte
- Votre projet doit être publique ou partagé avec l'utilisateur Github Gension
GL HF !