reforge

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

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 ; 

Soutien

Vous pouvez montrer votre soutien en mettant en vedette ce projet. ★

Contribuer

Pour contribuer, consultez le guide de contribution.

Licence

MIT