À propos du projet
Metis est un template gratuit de tableau de bord admin Bootstrap 5 sous licence MIT, maintenu par Colorlib. Le README le présente comme un template modernisé pour la construction d'interfaces admin, avec les sources dans src-modern et la sortie de production dans dist-modern. Il nécessite Node.js 20.19+ et npm ou yarn.
Le template utilise Bootstrap 5.3.8, Alpine.js 3.17, JavaScript ES6+, Vite 8.2, Sass et ApexCharts. Il intègre les icônes Bootstrap avec uniquement celles utilisées dans le build, des propriétés CSS personnalisées pour le thème, un mode sombre/clair avec persistance localStorage, des mises en page responsives et la police Inter. Le README met l'accent sur un système de design où la structure provient des bordures plutôt que des ombres, une couleur d'accent utilisée pour les interactions, et une palette de graphiques validée dans scripts/utils/chart-palette.js qui détermine les couleurs des graphiques.
Les pages incluses couvrent des tableaux de bord analytiques, la gestion des utilisateurs avec formulaires CRUD, la gestion des produits, la gestion des commandes, un gestionnaire de fichiers, un calendrier, le stylisme des messages/chat, des rapports avec tables/filtrage/exportation, des paramètres, la sécurité et l'aide/support. Les pages d'authentification et d'erreur incluent la connexion, la création de compte, mot de passe oublié/réinitialisation, vérification en deux étapes, écran verrouillé, et les pages 404, 500 et maintenance.
Expérience développeur : serveur de développement Vite avec HMR, support TypeScript optionnel, composants modulaires, architecture SCSS avec abstracts/components/layout/pages/themes, source maps, linting et formatage. Les scripts incluent npm run dev, build, preview, lint, format, audit, test:build, verify, clean. Le test fonctionnel charge toutes les pages construites dans Chromium headless et vérifie l'absence d'exceptions non gérées, d'erreurs console, de requêtes échouées ou externes, de graphiques manquants et de soulignage syntaxique absent ; Playwright n'est pas intentionnellement une dépendance et peut être fourni séparément. Le CI exécute le test fonctionnel à chaque push et hebdomadairement.
Les notes de version décrivent le durcissement de la sécurité, les améliorations d'accessibilité, les travaux de performance, les corrections de fuites mémoire, une bibliothèque de charting unique, les mises à jour de la toolchain et la suppression du JavaScript inline. Le README indique zéro requête vers des tiers : polices, graphiques, soulignement syntaxique et images sont auto-hébergés afin que le template fonctionne hors ligne et derrière une CSP stricte. Le support navigateurs couvre Chrome 90+, Firefox 88+, Safari 14+, Edge 90+, sans IE11. Le dépôt inclut des liens vers la documentation des composants, la personnalisation et le déploiement, ainsi que les directives de contribution.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.