Site Internet pour Entreprise Informatique

Présentation du projet

Linguère Digital Innovation est une agence tech sénégalaise basée à Malika, Dakar. Galsen Technologie a développé leur plateforme web full stack complète — du design système sur mesure jusqu'au déploiement en production — avec une interface publique soignée et une interface d'administration entièrement fonctionnelle.

Contexte & Défi

Le défi de ce projet était de concevoir une plateforme robuste et esthétique sans recourir à aucun framework CSS (Bootstrap, Tailwind) — tout le design system a été construit from scratch en HTML5/CSS3 pur, avec un style unique inspiré des interfaces HUD Sci-Fi, Glassmorphism et Aurora UI. Le résultat est une expérience visuelle distinctive et hautement performante.

Pages publiques réalisées

🏠 Page d'accueil

• Hero section avec animations canvas particles et effet typewriter
• Compteurs statistiques animés (count-up)
• Preview des services en cartes
• Carousel de projets mis en avant
• Rotation automatique des témoignages
• Preview blog et CTA final

📄 Pages secondaires

• À Propos — histoire, vision, mission, valeurs, équipe et partenaires
• Services — vue d'ensemble avec 4 pages de détail dédiées (Informatique, Data Science, Marketing, Formation)
• Réalisations — grille masonry 3 colonnes avec filtres par catégorie et modal de détail au clic
• Blog — liste avec recherche, pagination et pages d'articles détaillées
• Contact — formulaire complet avec validation front + back, email de confirmation automatique et CTA WhatsApp

Interface d'administration complète

Une interface admin sécurisée par JWT a été développée avec un CRUD complet sur toutes les ressources du site.

• Dashboard — statistiques en temps réel (messages, services, projets, articles), table des derniers messages
• Gestion Services — création, édition, suppression avec édition inline ou modale
• Gestion Projets — CRUD complet avec upload d'images
• Gestion Blog — éditeur d'articles avec gestion des catégories et tags
• Témoignages — sélecteur d'étoiles, toggle d'approbation
• Messages — tableau filtrable, marquer lu/non-lu, supprimer, export CSV
• Paramètres — 5 onglets (Profil, Entreprise, Réseaux sociaux, SEO, Système)

API REST sécurisée

Une API REST complète a été développée avec Node.js et Express.js, exposant des endpoints publics et des endpoints protégés par authentification JWT.

• Authentification JWT (expiration 24h)
• Rate limiting anti-DDoS (3 messages/IP/heure)
• Chiffrement des mots de passe bcryptjs
• Protection injections SQL via Sequelize ORM
• Honeypot field anti-spam sur formulaire
• Validation des entrées (Express Validator)
• Configuration CORS sécurisée

Design System sur mesure

Un design system complet a été créé from scratch, sans aucun framework CSS, avec une identité visuelle unique inspirée des interfaces de science-fiction.

• Style : HUD Sci-Fi + Glassmorphism + Aurora UI
• Palette : Cyan #00B4D8, Blue #0077B6, Midnight #03045E
• Typographie : Orbitron (titres) + Exo 2 (corps)
• Effets : Glow, backdrop blur 20px, glassmorphism borders
• Animations : fadeUp, scaleInSpring, glowPulse, aurora, canvas particles, typewriter
• Accessibilité : Contraste WCAG AA 4.5:1, prefers-reduced-motion respecté

Stack technique complète

• Frontend : HTML5, CSS3 (Custom — zéro framework), JavaScript Vanilla, Canvas API, Intersection Observer, Fetch API
• Backend : Node.js, Express.js, Sequelize ORM, SQLite (dev) → MySQL (prod)
• Sécurité : JWT, bcryptjs, express-rate-limit, express-validator, CORS
• Emails : Nodemailer (confirmations automatiques)
• Déploiement : cPanel, Node.js Selector, MySQL, SSL Let's Encrypt

Responsive & Performance

• Mobile-first : breakpoints 375px, 768px, 1024px, 1440px
• Zéro scroll horizontal sur tous les appareils
• Lazy loading des images et assets
• Animations Canvas optimisées
• Clamp CSS pour typographie fluide (hero 2.2–4.5rem)

Résultats & Livrables

• 7 pages publiques entièrement fonctionnelles
• 4 pages services détaillées avec contenu spécifique
• 8 pages admin avec CRUD complet sur toutes les ressources
• 15+ endpoints API REST publics et sécurisés
• Design system 100% custom sans dépendance framework
• Déploiement cPanel avec documentation complète (DEPLOY.md)

Durée du projet

Ce projet full stack a été livré en 1 semaines, de la conception du design system jusqu'au déploiement en production sur www.lingueredigital.com.