Console Admin — Socializus

🧠 Accroche / Résumé

Pendant mon stage chez ARTEM 5, j’ai développé une console d’administration web responsive pour l’application Socializus. L’interface permet la modération (activation / bannissement / shadow ban) et le pilotage des données avec une logique de gestion robuste. Le tout en restant aligné sur des exigences de sécurité et d’UX.

🛠️ Stack technique utilisée

• Front-End : HTML5, CSS3 (Flexbox & Grid), JavaScript ES6
• Back-End : NestJS (Node.js)
• Base de données & Infra : MongoDB Compass, Docker
• Design & Outils : Figma (extraction de styles), GitHub Desktop

🚀 Mes réalisations majeures

• Simulateur web de test (Semaine -1) : émulation sous Android Studio pour valider des algorithmes de décompte et de sélection dynamique en JavaScript.
• Conteneurisation de l’environnement (Docker & MongoDB) : isolation complète de la base locale afin de reproduire fidèlement l’environnement de production.
• UI 100% responsive : intégration des maquettes Figma en CSS pur avec Media Queries pour un rendu optimal sur PC et mobile.
• Module de modération avancée (On/Off & Shadow Ban) : implémentation en JavaScript d’un commutateur asynchrone lié à l’API NestJS pour bannissement standard ou shadow ban (rendre l’utilisateur nuisible invisible sans l’alerter).
• Filtrage par matrice de rôles : développement de filtres dynamiques permettant de segmenter et gérer les utilisateurs selon leur statut d’abonnement (Classic, Gold, Rubis, Émeraude, Diamond).

💡 Ce que ce stage m’a apporté (Soft Skills & méthodologie)

• Téléprésentiel synchrone : collaboration continue via Google Meet, nécessitant une communication rigoureuse et une forte autonomie.
• Développement assisté par IA générative : utilisation d’assistants de code pour accélérer l’implémentation de fonctionnalités complexes.
• Focus production-ready : raisonnement sécurité/UX/base de données dès la conception de la console.

📚 Veille technologique

Pendant le stage, j’ai préparé une veille technologique axée sur les solutions de modération, l'architecture des applications web sécurisées, et les technologies de conteneurisation pour un déploiement fiable.

• Thème principal : Sécurité et modération des plateformes collaboratives.
• Objectif : Identifier des bonnes pratiques pour protéger les données utilisateurs et renforcer la stabilité de l’application.
• Cahier des charges : comparer NestJS, MongoDB, Docker avec d'autres stacks, analyser le support des rôles et l'implémentation de shadow ban.
• Résultat : synthèse de la veille, recommandations techniques et présentation orale devant l'équipe.
• Avance : j’ai élaboré une base de veille structurée à enrichir par des cas d’usage, des benchmarks et des tendances 2026.

🔍 Avancement de la veille technologique

Cette veille est déjà organisée en plusieurs axes :

• Analyse : comparaison des frameworks Node.js, des bases NoSQL et des pratiques de sécurité applicative.
• Focus tendance : déploiement conteneurisé, CI/CD, monitoring et observabilité des applications web.
• Évolution : formulation de pistes d'amélioration pour Socializus, comme l'ajout de logs d'audit et de tableaux de bord d'alerte.

🔗 Accès à la veille

Consultez le document de veille technologique détaillé et le cahier des charges associé pour approfondir les choix techniques et les recommandations.

Voir la veille technologique