Tableau de bord d'administration Datta Able ReactJS

Modèle d'administration Datta Able React

Le modèle d'administration Datta Able React Redux est créé à l'aide de React + Redux Framework. Il prend entièrement en charge le framework Bootstrap 4 pour répondre à tout besoin de tableau de bord simple ou complexe.

Datta Able est le modèle d'administration React-Redux le plus flexible, notre développeur crée un effet spécial pour fournir un code sans bug. Ils fournissent un code de structure et plus de 1 000 composants d’interface utilisateur faciles à personnaliser.

Pile technologique

Datta Able ReactJS utilise les derniers aspects techniques pour développer des applications. Voici la liste des technologies prenant en charge ce modèle.

• Réagir au crochet

Les hooks sont un nouvel ajout dans React 16.8. . Il permet aux utilisateurs d'utiliser l'état et d'autres fonctionnalités de React sans écrire de classe.

• Réagir Redux

Redux est une liaison React officielle pour Redux. Il permet à vos composants React de lire les données d'un magasin Redux et d'envoyer des actions au magasin pour mettre à jour les données./li

• Sangle de réaction

Composants React Bootstrap 4 faciles à utiliser. Il dispose de composants Stateless React pour Bootstrap 4.

• JWT

JSON Web Token (JWT) est une norme ouverte (RFC 7519) qui définit un moyen compact et autonome de transmettre en toute sécurité des informations entre les parties en tant qu'objet JSON.

• Auth0

Auth0 est une plateforme d'authentification facile à mettre en œuvre, d'autorisation et adaptable.

• Authentification Firebase

Firebase Authentication fournit des services backend, des SDK faciles à utiliser et des bibliothèques d'interface utilisateur prêtes à l'emploi pour authentifier les utilisateurs auprès de votre application.

• Créer une application React

Create React App vous permet de démarrer rapidement la création d'applications React développées par Facebook. Cela vous évite une installation et une configuration fastidieuses. Cela vous évite une installation et une configuration fastidieuses. Vous exécutez simplement une commande et Create React App configure les outils dont vous avez besoin pour démarrer votre projet React.

Caractéristiques

Voici les principales fonctionnalités fournies avec le thème d'administration Datta Able. Nous avons mis en évidence quelques thèmes dans les points ci-dessous.

Plus de 20 mises en page (+ comptage)

• Personnalisateur en direct pour choisir le paramètre souhaité par votre projet
• Styles de code bien structurés
• Conception entièrement réactive et testée par le navigateur
• Styles de couleurs accrocheurs
• Conçu pour la performance et un code esthétique élevé

À propos de la conception

Utilisations de Dattaable Des couleurs pures et vibrantes sont utilisées dans le modèle de tableau de bord Datta Able. Il comprend plus de 30 combinaisons de couleurs prédéfinies qui proposent des modèles. Vous pouvez également appliquer votre combinaison de couleurs personnalisée via une seule modification dans le fichier SCSS à l'aide de la documentation.

Mises en page

Une combinaison de mises en page de menu et de pages avec plus de 20 variantes (encore en cours) propose le package. Chaque mise en page comporte des tonnes d'options mises en évidence dans le personnalisateur Live.

Préréglages de couleurs de mise en page disponibles

• Par défaut (c'est-à-dire Dark Light)
• Sombre
• Clair Foncé
• La couleur de remplissage
• Icône de couleur
• Image de fond
• Style de matériau
• Style Gmail

Préréglages de paramètres de mise en page

• Verticale
• Horizontal
• RTL
• Boîte
• En-tête corrigé
• Menu corrigé
• Effondrement

Menu intelligent

Nous avons appelé le menu de la barre latérale de Datta Able un SMART MENU car nous avons appliqué toutes les options possibles avec un personnalisateur en direct en un seul clic.

• Le menu intelligent comporte divers paramètres tels que
• La couleur de remplissage
• Couleur active
• Horizontal Vertical/
• Effondrement
• RTL
• Couleur de l'icône
• Icône Ouvrir/Fermer
• Conception inspirée des matériaux
• Conception inspirée de Gmail
• Fond d'image

Couleurs

Nous avons choisi des couleurs sympas et accrocheuses pour l'ensemble du modèle d'administration Datta Able. Plus de 30 combinaisons de couleurs claires disponibles, ce qui rend Datta Able complètement différent des autres modèles de tableaux de bord.

• Bleu clair
• Rouge clair
• Violet clair
• Gris clair
• Sombre
• Couleurs dégradées

Graphique

Le tableau de bord a besoin d'un graphique pour mettre en évidence les données statistiques de votre projet. Nous avons implémenté plus de 40 graphiques avec des tonnes d'options diverses.

Types de graphiques

• amGraphique 4
• graphiqueJS
• Dossier électronique
• Graphique Google
• Graphique haut
• boutonMorris
• nvd3
• piété
• recomposer

Plans

• Google Maps
• Vecteur
• API de recherche Gmap
• Emplacement

Sensible

La conception Datta Able prend entièrement en charge chaque taille d'appareil réactif, même s'il s'agit d'écrans Retina, et est testée sur les principaux appareils tels que l'iPad, les tablettes et les mobiles. Nous avons amélioré la conception de Datta Able sous divers aspects tels que le rendu fluide, le défilement facile, la réduction des problèmes de conception, etc.

Le design a réussi le test Google Mobile-Friendly

Widgets

Plus de 150 collections de widgets prêts à l'emploi tels que des statistiques, des analyses, des cartes utilisateur, des graphiques, des tableaux, des graphiques, des widgets de données, des widgets de curseur.

Composants

Le modèle d'administration Datta Able est livré avec tous les composants de base de Bootstrap et nous avons également implémenté des tonnes de composants tiers supplémentaires répertoriés ci-dessous. Tous les composants sont également dans la dernière version./p

Composants avancés

• Douce alerte
• Sélecteur de date
• Assistant de grille
• Boite à lumière
• Modal
• Notification
• Emboîtable
• pNotifier
• Notation
• Curseur de plage
• Surligneur de syntaxe
• Tournée
• Vue arborescente
• Barre d'outils

Composants de formulaire

• Commutateurs, radio, case à cocher, entrée de tags, longueur maximale
• Formulaires de validation
• Masquage de formulaire
• Assistant de formulaire
• Sélecteurs de formulaires/Datepicker, sélecteur de couleurs
• Sélectionnez 2

les tables

• Tableaux de données
• Tableaux de base

Supplémentaire

• Expiration de la session
• Hors ligne
• Animations

Icônes

• Plume
• Police géniale5
• Drapeau
• Matériel
• Icône de ligne simple
• Thémifier

Le thème Datta Able Admin est conçu pour la performance et nous l'avons atteint en termes de tests de conception ou de tests de code. La conception a réussi avec un bon score dans Google Page Speed, Pingdom, GT Metrix et le code a été transmis via les validateurs w3.

Remarque : - les démos en direct ont des tonnes de fonctionnalités actives, car le score d'emplacement du serveur peut différer dans Google Page Speed, Pingdom, gtMetrix.

Performance

La performance est notre point clé avant de développer le thème Datta Able Admin et nous y sommes parvenus avec de nombreux tests et efforts d'amélioration du code.

Applications et extensions

Datta Able est livré avec une variété d'applications et d'extensions tierces directement utilisables dans votre projet. Nous travaillons continuellement sur les prochaines applications et extensions pour les futures mises à jour des versions.

Application

• Message
• Tâche
• Faire
• Galerie

Rallonges

• Galerie
• Éditeur - ckEditor, Tinymce
• Facture
• Calendrier complet
• Téléchargement de fichiers

La flexibilité

La conception et le code sont entièrement flexibles pour être utilisés directement dans la configuration de votre projet via l'assistant de documentation, une page séparée pour le copier/coller direct (composants, graphiques, widgets, éléments de formulaire)

Demander une nouvelle fonctionnalité - contactez-nous

Soutien

Bureau d'assistance séparé pour une résolution rapide de votre requête. Notre résultat précédent en matière de taux de support est de 90 % de résolution des requêtes dans la première réponse.

Le forfait acheté comprend

• Package thématique sans Live Customizer ni Page Builder (c'est-à-dire à des fins de démonstration uniquement)
• L'image d'aperçu de la démonstration en direct n'est pas incluse dans le package
• Documentation incluse dans le répertoire des modèles avec le nom de fichier docs.txt

Changelog