react_admin_ui_v1 herunterladen – react_admin_ui

react_admin_ui_v1

Andere Kategorien

1.0.0

Herunterladen

Logo

React Admin UI ist ein wunderschöner Open-Source -Prototyp einer Dashboard-Benutzeroberfläche, der auf TypeScript und React basiert. Überraschenderweise baue ich zum ersten Mal einen Prototyp einer Benutzeroberfläche mit etwas komplexen Komponenten. Mein Ziel ist es also, dass IT-Agenturen oder sogar einzelne Entwickler diesen Prototyp nutzen können, um Erkenntnisse für ihre zukünftigen Projekte zu gewinnen.

Schauen Sie sich die Vorschau der React Admin-Benutzeroberfläche an, um eine umfassende Liste der Funktionen, Grundwerte und Anwendungsfälle des Prototyps zu erhalten.

Vorschau

Dieses Repository enthält das Kernsystem von React Admin UI Prototype , aufgeteilt in zwei verschiedene Verzeichnisse. Das Backend ist für die JSON-API (es ist bereits für die Vercel-Bereitstellung konfiguriert) und das Frontend für den gesamten Benutzeroberflächen-Prototyp.

? Merkmale und Inhalt

⚡️ Reagieren Sie 18 TypeScript mit Vite
Deklaratives Routing mit React Router v6
? Nahtloser Datenabruf mit React Query v5
Optimierte Icons mit React Icons v5
? Tailwind CSS v3 als Styling-Grundlage
? Daisy UI v4 als Basisdesignsystem
? Material UI v5 für optimiertes Datenraster
Schöne Diagramme mit Recharts v2
? Und viele mehr...

Installation und Verwendung

Unten finden Sie eine Schnellstartinstallation und Anwendungsbeispiele.

Backend

Installieren Sie alle in package.json aufgeführten Abhängigkeiten im Backend-Verzeichnis.

 cd backend

npm install

Standardmäßig habe ich die API bereits für die Ausführung in der Vercel-Umgebung bereitgestellt. Auf die Live-API kann über https://react-admin-ui-v1-api.vercel.app/ zugegriffen werden. Falls Sie das Backend jedoch selbst konfigurieren möchten, können Sie es unten ausführen.

nodemon ./src/index.ts

Und auf die API kann lokal über http://localhost:5000 zugegriffen werden.

Frontend

Installieren Sie alle in package.json aufgeführten Abhängigkeiten im Frontend-Verzeichnis.

 cd frontend

npm install

npm run dev

Wenn Sie den Standard-API-Endpunkt ändern möchten, können Sie zu ApiCollection.tsx gehen.

Anschließend kann über http://localhost:5173/ auf die App zugegriffen werden.

? Haben Sie eine Frage? Möchten Sie chatten? Ein Problem aufgetreten?

Selbstverständlich können Sie mich jederzeit direkt über einen formellen Weg wie E-Mail oder LinkedIn kontaktieren .

? Einen Fehler gefunden? Schlagen Sie eine bestimmte Funktion vor?

Fühlen Sie sich frei , ein neues Problem mit einem entsprechenden Titel und einer Beschreibung im fransachmadhw/react_admin_ui_v1-Repository einzureichen . Wenn Sie bereits eine Lösung für Ihr Problem gefunden haben, würden wir Ihre Pull-Anfrage gerne prüfen !

✅ Anforderungen

Für die React Admin-Benutzeroberfläche ist eine Knotenversion höher oder gleich 20.11.0 LTS erforderlich. Schauen Sie sich den Abschnitt dependencies und devDependencies in der package.json im Backend und Frontend an, um die aktuelle Liste der Anforderungen der React Admin UI zu finden.