reforge

Uma solução de UI pronta para uso para aplicativos corporativos como um modelo React.

Demonstração · Reportar bug · Solicitar recurso

Características

• UI elegante e personalizável usando Tailwindcss e Ant Design .
• Aplicativo de página única usando React Router .
• Solicitação simulada de API usando reqres .
• Layout e tabela poderosos usando @ant-design/pro-components .
• Divisão de código e componente de carregamento lento usando @loadable/component .
• Gerenciamento de estado usando react-redux e @reduxjs/toolkit .
• Estado redux persistente usando redux-persist .
• Carregando barra de progresso usando nprogress .
• ESLint e Prettier habilitados.
• Opção para ativar o Progressive Web App (PWA). (Disponível apenas na versão de produção)
• Interceptador Axios habilitado para lidar com autorização de API.
• Fluxo de trabalho automatizado para verificação de novas solicitações pull.

Demonstração

https://reforge.netlify.app

Credenciais

• E-mail: [email protected]
• Senha: password

Uso

• Clone o projeto e altere o diretório.

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

• Instale dependências.

  npm install

• Execute o servidor de desenvolvimento.

  npm run dev

• Por fim, visite http://localhost:5173 no seu navegador. As credenciais podem ser encontradas acima.

Configuração

Configurações incluindo nome do aplicativo, cor do tema, meta tags, etc. podem ser controladas a partir de um único arquivo config.ts localizado na raiz do projeto.

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

Apoiar

Você pode mostrar seu apoio estrelando este projeto. ★

Contribuir

Para contribuir, consulte o guia de contribuição.

Licença

MIT