react_admin_ui_v1

React Admin UI est un magnifique prototype d'interface utilisateur de tableau de bord open source construit avec TypeScript et React. Étonnamment, c'est la première fois que je construis un prototype d'interface utilisateur avec des composants un peu complexes. Mon objectif est donc que les agences informatiques ou même les développeurs individuels puissent utiliser ce prototype pour apporter des informations sur leurs futurs projets.

Jetez un œil à l’aperçu de React Admin UI pour une liste complète des fonctionnalités, des valeurs fondamentales et des cas d’utilisation du prototype.

Ce référentiel contient le système de base de React Admin UI Prototype , divisé en deux répertoires différents. Le backend est destiné à l'API JSON (il est déjà configuré pour le déploiement Vercel) et le frontend est destiné à l'ensemble du prototype de l'interface utilisateur.

? Caractéristiques et composition

• ⚡️ React 18 TypeScript avec Vite
• Routage déclaratif avec React Router v6
• ? Récupération transparente de données avec React Query v5
• Icônes optimisées avec React Icons v5
• ? Tailwind CSS v3 comme base de style
• ? Daisy UI v4 comme système de conception de base
• ? Material UI v5 pour une grille de données optimisée
• De beaux graphiques avec Recharts v2
• ? Et bien d'autres encore...

Installation et comment utiliser

Voir ci-dessous pour un démarrage rapide de l'installation et des exemples d'utilisation.

Back-end

Installez toutes les dépendances répertoriées dans package.json dans le répertoire backend.

 cd backend

npm install

Par défaut, j'ai déjà déployé l'API pour qu'elle s'exécute dans l'environnement Vercel. L'API en direct est accessible depuis https://react-admin-ui-v1-api.vercel.app/. Cependant, si vous souhaitez configurer le backend par vous-même, vous pouvez exécuter ci-dessous.

nodemon ./src/index.ts

Et l'API est accessible localement à partir de http://localhost:5000.

L'extrémité avant

Installez toutes les dépendances répertoriées dans package.json dans le répertoire frontend.

 cd frontend

npm install

npm run dev

Si vous souhaitez modifier le point de terminaison de l'API par défaut, vous pouvez accéder à ApiCollection.tsx.

Et puis, l'application est accessible depuis http://localhost:5173/.

? Vous avez une question ? Vous souhaitez discuter ? Vous avez rencontré un problème ?

Évidemment, vous pouvez toujours me contacter directement via une approche formelle telle que l'e-mail ou LinkedIn.

? Vous avez trouvé un bug ? Vous suggérez une fonctionnalité spécifique ?

N'hésitez pas à déposer un nouveau numéro avec un titre et une description respectifs sur le référentiel fransachmadhw/react_admin_ui_v1. Si vous avez déjà trouvé une solution à votre problème, nous serions ravis d'examiner votre pull request !

✅ Exigences

L'interface utilisateur de React Admin nécessite une version de Node supérieure ou égale à 20.11.0 LTS . Jetez un œil à la section dependencies et devDependencies dans le package.json dans le backend et le frontend pour trouver la liste actuelle des exigences de l'interface utilisateur de React Admin.

Licence

Le prototype d'interface utilisateur du tableau de bord d'administration React est publié selon les termes de la clause BSD-3.