reforge Télécharger - reforge Téléchargement du code source

reforge

Autres catégories

v1.2.0

Télécharger

Une solution d'interface utilisateur prête à l'emploi pour les applications d'entreprise en tant que modèle React.

Démo · Signaler un bug · Fonctionnalité de demande

Aperçu

Caractéristiques

Interface utilisateur élégante et personnalisable utilisant Tailwindcss et Ant Design .
Application d'une seule page utilisant React Router .
Requête d'API simulée à l'aide reqres .
Mise en page et tableau puissants utilisant @ant-design/pro-components .
Composant de fractionnement de code et de chargement paresseux à l'aide de @loadable/component .
Gestion de l'état à l'aide de react-redux et @reduxjs/toolkit .
État redux persistant utilisant redux-persist .
Chargement de la barre de progression à l'aide nprogress .
ESLint et Prettier activés.
Option pour activer Progressive Web App (PWA). (Uniquement disponible dans la version de production)
L'intercepteur Axios est activé pour gérer l'autorisation API.
Flux de travail automatisé pour vérifier les nouvelles Pull Request.

Démo

https://reforge.netlify.app

Informations d'identification

Courriel : [email protected]
Mot de passe : password

Usage

Clonez le projet et changez de répertoire.

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

Installez les dépendances.
```
npm install
```
Exécutez le serveur de développement.
```
npm run dev
```
Enfin, visitez http://localhost:5173 depuis votre navigateur. Les informations d’identification peuvent être trouvées ci-dessus.

Configuration

Les paramètres tels que le nom de l'application, la couleur du thème, les balises méta, etc. peuvent être contrôlés à partir d'un seul fichier config.ts situé à la racine du projet.

 //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 ;