react_admin_ui_v1

React Admin UI adalah Prototipe Antarmuka Pengguna Dasbor sumber terbuka dan indah yang dibuat dengan TypeScript dan berbasis React. Anehnya, ini adalah pertama kalinya saya membuat prototipe Antarmuka Pengguna dengan komponen yang agak rumit. Jadi, tujuan saya adalah agensi TI atau bahkan pengembang individu dapat menggunakan prototipe ini untuk memberikan wawasan bagi proyek masa depan mereka.

Lihat pratinjau React Admin UI untuk daftar lengkap fitur prototipe, nilai inti, dan kasus penggunaan.

Repositori ini berisi sistem inti React Admin UI Prototype , yang dibagi menjadi dua direktori berbeda. Backend untuk API JSON (Sudah dikonfigurasi untuk penerapan Vercel), dan Frontend untuk seluruh prototipe Antarmuka Pengguna.

? Fitur dan Terdiri dari

• ⚡️ Bereaksi 18 TypeScript dengan Vite
• Perutean Deklaratif dengan React Router v6
• ? Pengambilan Data yang Mulus dengan React Query v5
• Ikon yang Dioptimalkan dengan React Icons v5
• ? Tailwind CSS v3 sebagai Fondasi Penataan
• ? Daisy UI v4 sebagai Sistem Desain Dasar
• ? Material UI v5 untuk Data Grid yang dioptimalkan
• Grafik Indah dengan Recharts v2
• ? Dan masih banyak lagi...

Instalasi dan Cara Penggunaan

Lihat di bawah untuk contoh instalasi dan penggunaan quickstart.

Bagian belakang

Instal semua dependensi yang terdaftar di package.json di dalam direktori backend.

 cd backend

npm install

Secara default, saya sudah menerapkan API untuk dijalankan di lingkungan Vercel. API langsung dapat diakses dari https://react-admin-ui-v1-api.vercel.app/. Namun, jika Anda ingin mengonfigurasi backend sendiri, Anda dapat menjalankannya di bawah.

nodemon ./src/index.ts

Dan API dapat diakses secara lokal dari http://localhost:5000.

Bagian depan

Instal semua dependensi yang terdaftar di package.json di dalam direktori frontend.

 cd frontend

npm install

npm run dev

Jika Anda ingin mengubah titik akhir API default, Anda dapat membuka ApiCollection.tsx.

Dan kemudian, aplikasinya dapat diakses dari http://localhost:5173/.

? Punya pertanyaan? Ingin mengobrol? Mengalami masalah?

Tentunya Anda selalu dapat menghubungi saya secara langsung melalui pendekatan formal seperti Email atau LinkedIn.

? Menemukan bug? Menyarankan fitur tertentu?

Jangan ragu untuk mengajukan masalah baru dengan judul dan deskripsi masing-masing di repositori fransachmadhw/react_admin_ui_v1. Jika Anda sudah menemukan solusi untuk masalah Anda, kami dengan senang hati akan meninjau permintaan penarikan Anda !

✅ Persyaratan

React Admin UI memerlukan versi Node yang lebih tinggi atau sama dengan 20.11.0 LTS . Lihat bagian dependencies dan devDependencies di package.json di dalam backend dan frontend untuk menemukan daftar persyaratan React Admin UI saat ini .

Lisensi

Prototipe UI React Admin Dashboard dirilis berdasarkan ketentuan Klausul BSD-3.