Enlite Starter - Modèle de tableau de bord d'administration React pour développeur Full-Stack
Enlite Starter - Modèle de démarrage de tableau de bord React avec Firebase Auth http://enlite.ux-maestro.com
Lire la documentation ici
https://ilhammeidi.github.io/enlite-docs/#firebase
Fonctionnalité de modèle
- Technologies modernes. Construit avec l'une des bibliothèques javascript les plus populaires, React.JS et Redux
- Des designs haut de gamme. Couleur de thème simple et élégante avec modes sombre et clair
- Mise en page multiple et prise en charge RTL. Disposition de navigation de la barre latérale et de la barre supérieure. Style de réglage automatique RTL avec jss-rtl
- Authentification. Utiliser la connexion sociale et par courrier électronique Firebase
- Applications pré-construites. Exemple d'application CRUD avec intégration Redux-Saga et Realtime DB.
- Prise en charge multilingue. Y compris 6 traductions anglais, allemand, arabe, chinois, bahasa indonésien, espagnol.
- Plus de 30 composants et modules réactifs réutilisables et faciles à modifier.
- Divers exemples de pages Page de destination, 2 variantes de tableaux de bord et bien d'autres
- JavaScript de nouvelle génération écrit en ES6
- Conception réactive Basée sur le système standard à 12 grilles
- Projet de démarrage. Créez une application à partir de zéro sans vous laisser distraire par les fonctionnalités innées.
- Unité de test. Test fonctionnel des composants matériels de l'interface utilisateur avec Mocha et Chai
- Haute performance. Stylisme avec JSS (CSS dans JS) et Async Code Splitting.
- Code propre maintenu par eslint.
- Icônes entièrement vectorielles et icônes de police.
- Aperçu direct du code. Obtenez le code source plus facilement sans ouvrir de fichiers.
- Et bien d’autres…
Obtenez la version principale
OBTENEZ-LE MAINTENANT sur le marché Envato
VOIR LA DÉMO
Installation
- Cloner ce projet
- Installez les dépendances du module en exécutant ce script dans le terminal
npm install - Une fois le téléchargement terminé, créez les dépendances de la DLL Build Webpack (si nécessaire).
npm run build:dll - Enfin, lancez l'application.
npm start - Accédez à http://localhost:3001
Déploiement
- Vous devez d’abord créer les actifs de production en premier
npm run build - Ensuite, démarrez l'application
npm run start:prod - Si vous souhaitez l'exécuter en arrière-plan, vous pouvez essayer PM2 https://www.npmjs.com/package/pm2 Ensuite, exécutez cette commande :
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - Accédez à http://localhost:3001
Activer l'aperçu direct du code
Pour rendre la documentation facile et efficace d'accès et de mise en œuvre, nous avons joint le code source à chaque démo de composant. Nous l’appelons Direct Code Preview. Cette fonctionnalité peut être utilisée uniquement dans le produit acheté (non disponible en démo).
- Ouvrez le fichier de configuration
/app/config/codePreview.js - Par défaut défini par false
- Modifier pour
enable: true , pour activer l'aperçu direct du code - Testez avec n'importe quelle démo de composant, exemple dans http://localhost:8080/app/tables/advanced-table.
- Ensuite, au bas de chaque composant, vous verrez <> Afficher le bouton Code . Cliquez simplement dessus.
- Le code source de ces composants s'affichera également.
- Vous pouvez voir à travers, copier et coller directement n’importe quel composant devant vos yeux.
Licence
Ce projet est sous licence selon les termes de la licence MIT.
