PROJET ETUDIANT : Interface UI
Hello,
Voici un projet de développement d’une interface utilisateur pour une application web python.
Dans ce projet, j’ai développé la partie front-end d’une application web en HTML, CSS et JavaScript, destinée à interagir avec une API REST fournie par un backend Django. L’objectif était de concevoir une interface utilisateur fonctionnelle et conforme à une maquette Figma, tout en respectant un cahier des charges détaillé.
Le front-end repose sur une organisation claire du code JavaScript, avec une séparation des responsabilités : un module dédié à la communication avec l’API (apiClient.js), un module d’orchestration (main.js), un gestionnaire de logique applicative (manager.js) et un module consacré à l’affichage et aux interactions utilisateur (ui.js). Ce découpage m’a permis de maintenir un code lisible, évolutif et facilement maintenable.
J’ai volontairement choisi de développer l’interface sans framework CSS, afin de renforcer ma maîtrise du CSS natif et du fonctionnement du DOM. Ce projet m’a permis d’approfondir la gestion des requêtes HTTP vers une API REST, la manipulation dynamique des données côté client, ainsi que les bonnes pratiques du développement front-end, incluant le respect des standards W3C, la validation du code et l’intégration fidèle d’une maquette.
En quelques mots-clés :
-
HTML5
-
CSS3
-
JavaScript (ES6)
-
Front-end web
-
API REST
-
Communication client / serveur
-
Backend Django
-
Fetch API / requêtes HTTP
-
Manipulation du DOM
-
Séparation des responsabilités
-
Architecture modulaire JavaScript
-
Intégration de maquette Figma
-
UI / UX
-
Validation W3C
-
Bonnes pratiques front-end
-
Respect d’un cahier des charges
-
Git / GitHub
J’ajouterai ci-dessous les améliorations apportées à ce projet. La dernière version, en date, en tête de page.
V01
Le code source : repository GitHub
Exemple d’exécution :
A bientôt ! 😉