Dans le cadre de ma formation en tant qu’intégrateur web, j’ai participé à la conception du site portfolio pour une architecte d’intérieur fictive au sein de l’agence ArchiWebos. Le projet comprenait le développement de quatre fonctionnalités principales :
1 - Page de présentation des travaux de l’architecte (à partir du HTML fourni)
2 - Page de connexion de l’administrateur du site (à créer de zéro)
3 - Modale permettant d’uploader de nouveaux médias, ainsi que la possibilité de supprimer des photos et de mettre à jour le site suite à ces actions.
4 - mise en place une gestion de token pour différencier les fonctionnalités accessibles en fonction de l’état de connexion de l’utilisateur.
Compétences mises en œuvre :
- Développement de fonctionnalités front-end à partir de maquettes (Figma)
- Intégration et manipulation de code back-end avec Node.js pour la persistance des données
- Gestion d’un système de token pour différencier les fonctionnalités selon l’état de connexion de l’utilisateur
- Utilisation de Kanban pour la gestion des tâches
Outils et langages utilisés :
- HTML (HyperText Markup Language) : Utilisé pour la création de la structure et de la mise en page de la page web.
- CSS (Cascading Style Sheets) : Utilisé pour la mise en forme et le style visuel de la page web.
- JavaScript : Utilisé pour rendre la page interactive et ajouter des fonctionnalités dynamiques.
- Node.js : Environnement d’exécution JavaScript côté serveur pour gérer les requêtes et les données.
Résultats :
Ce projet fictif a été l’occasion d’appliquer mes compétences en développement front-end et d’apprendre à intégrer des fonctionnalités avec un code back-end fictif existant, en utilisant Node.js. J’ai également eu l’opportunité de créer des fonctionnalités complètement nouvelles pour répondre aux besoins spécifiques de la fictive architecte d’intérieur, notamment la possibilité d’ajouter et de supprimer des photos, ainsi que de mettre à jour le site en conséquence. La gestion du système de token a également été une composante clé pour différencier les fonctionnalités en fonction de l’état de connexion de l’utilisateur.