Modèle de tableau de bord d'administration Matx React Material Design
MatX est un modèle de tableau de bord d'administration de l'interface utilisateur React Material complet. MatX est construit avec React, Redux et Material UI. Nous avons implémenté toutes les fonctionnalités dont vous pourriez avoir besoin pour démarrer une nouvelle application Web. La version gratuite comprend tous les composants Material UI, les éléments de formulaire et la validation, l'authentification JWT, la connexion, les pages d'inscription, la navigation verticale, le chargement paresseux, le fractionnement du code.
Caractéristiques
| MatX gratuit | MatXPro |
|---|
Aperçu en direct
Télécharger MatX | Aperçu en direct
Obtenez MatX Pro |
- Authentification JWT
- Authentification basée sur les rôles
- Composants de chargement paresseux
- Fractionnement du code
- Analyse du tableau de bord
- Kits d'interface utilisateur
- Saisie semi-automatique
- Boutons
- Case à cocher
- Dialogue
- Panneau d'extension
- Menu
- Progrès
- Sélecteur de date et d'heure
- Radio
- Changer
- Curseur
- Snack-bar
- Tableau de données
- Formulaires
- Basique
- Éditeur de texte enrichi
- Dossier électronique
- Pages de séances
- Se connecter
- S'inscrire
- Mot de passe oublié
- Page d'erreur
- Glisser et déposer
- Carte Google
- Utilitaires
- Couleur
- Espacement
- Typographie
- Afficher
- Menu à plusieurs niveaux
| - Toutes les fonctionnalités de Matx gratuites +
- Authentification Firebase
- Authentification Auth0
- Navigation horizontale
- Pages
- Liste des clients
- Afficher/Ajouter/Modifier le client
- Liste de produits
- Afficher/Ajouter/Modifier le client
- Liste de commande
- Afficher/Ajouter/Modifier la commande
- Centre d'aide
- FAQ
- Tarifs
- Liste d'utilisateurs/Grille/Ligne
- Formulaires
- Bon de commande
- Formulaire de facture
- Formulaire d'annonce de propriété
- Téléchargement unique
- Téléchargement multiple
- Magicien
- Applications fonctionnelles
- Tableau CRUD
- Boutique/Commerce électronique
- Tableau Scrum
- Générateur de factures
- Calendrier des événements
- Chat
- Boîte de réception
- Faire
- Listes
- Liste de lignes/grilles
- Liste de défilement infinie
- Graphiques
- Dossier électronique
- Recharger
- Tableau de victoire
- Réagir vis-à-vis
- Paramétrage du compte
- Profil utilisateur
- Assistance 6 mois
|
Modifications de la version 5
- Utilisé Vite au lieu de CRA
Modifications de la version 4
- Tous les packages mis à jour
- Ajout du système d'authentification Auth0 et Firebase
Modifications de la version 3
- Ajout de l'interface utilisateur matérielle – API stylisée (v5)
- Ajout des composants mis à jour de l'interface utilisateur matérielle à partir de MUI@version 5
- Ajout du graphique React Apex
- Authentification JWT mise à jour
- Graphiques mis à jour
- Utilitaires CSS supprimés (remplacés par MUI)
- Intégration SASS supprimée (remplacée par l'API stylisée)
- Tableau de victoire supprimé (remplacé par le tableau React Apex)
Commencer
Dans le répertoire du projet, vous pouvez exécuter :
npm run dev
Exécute l'application en mode développement.
La page se rechargera si vous apportez des modifications.
Vous verrez également des erreurs de charpie dans la console.
npm run build
Construit l'application pour la production dans le dossier build .
Il regroupe correctement React en mode production et optimise la construction pour les meilleures performances.
La construction est réduite et les noms de fichiers incluent les hachages.
Votre application est prête à être déployée !
Télécharger
Télécharger depuis le site officiel
