reforge

Solusi UI yang siap pakai untuk aplikasi perusahaan sebagai boilerplate React.

Demo · Laporkan Bug · Fitur Permintaan

Fitur

• UI yang elegan dan dapat disesuaikan menggunakan Tailwindcss dan Ant Design .
• Aplikasi satu halaman menggunakan React Router .
• Permintaan API tiruan menggunakan reqres .
• Tata letak dan tabel yang kuat menggunakan @ant-design/pro-components .
• Pemisahan kode dan pemuatan lambat komponen menggunakan @loadable/component .
• Manajemen status menggunakan react-redux dan @reduxjs/toolkit .
• Status redux persisten menggunakan redux-persist .
• Memuat bilah kemajuan menggunakan nprogress .
• ESLint dan Prettier diaktifkan.
• Opsi untuk mengaktifkan Aplikasi Web Progresif (PWA). (Hanya tersedia dalam versi produksi)
• Pencegat Axios diaktifkan untuk menangani otorisasi API.
• Alur kerja otomatis untuk memeriksa Permintaan Tarik baru.

Demo

https://reforge.netlify.app

Kredensial

• Surel: [email protected]
• Kata sandi: password

Penggunaan

• Kloning proyek dan ubah direktori.

  git clone https://github.com/arifszn/reforge.git
  cd reforge

• Instal dependensi.

  npm install

• Jalankan server pengembang.

  npm run dev

• Terakhir, kunjungi http://localhost:5173 dari browser Anda. Kredensial dapat ditemukan di atas.

Konfigurasi

Pengaturan termasuk nama aplikasi, warna tema, tag meta, dll. dapat dikontrol dari satu file config.ts yang terletak di root proyek.

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ; 

Mendukung

Anda dapat menunjukkan dukungan Anda dengan membintangi proyek ini. ★

Menyumbang

Untuk berkontribusi, lihat panduan Berkontribusi.

Lisensi

MIT