Enlite Starter - Modelo de painel de administração React para desenvolvedor full-stack
Enlite Starter - Modelo inicial do React Dashboard com Firebase Auth http://enlite.ux-maestro.com
Leia a documentação aqui
https://ilhammeidi.github.io/enlite-docs/#firebase
Recurso de modelo
- Tecnologias Modernas. Construído com uma das bibliotecas javascript mais populares React.JS e Redux
- Projetos premium. Cor de tema simples e elegante junto com modo claro e escuro
- Layout múltiplo e suporte RTL. Layout de navegação da barra lateral e da barra superior. Estilo de ajuste automático de RTL com jss-rtl
- Autenticação. Use o login social e de e-mail do Firebase
- Aplicativos pré-construídos. Exemplo de aplicativo CRUD com integração Redux-Saga e Realtime DB.
- Suporte multilíngue. Incluindo 6 traduções em inglês, alemão, árabe, chinês, bahasa indonésio, espanhol.
- Mais de 30 componentes e módulos de reação reutilizáveis e fáceis de modificar.
- Várias páginas de amostra Página inicial, variante de 2 painéis e muito mais
- JavaScript de próxima geração escrito em ES6
- Design responsivo Baseado no sistema padrão 12 Grid
- Projeto inicial. Crie um aplicativo do zero, sem se distrair com recursos inatos.
- Unidade de teste. Teste funcional de componentes de UI de materiais com Mocha e Chai
- Alto desempenho. Estilização com JSS (CSS em JS) e divisão de código assíncrono.
- Código limpo mantido por eslint.
- Ícones totalmente vetoriais e ícones de fontes.
- Visualização direta do código. Obtenha o código-fonte mais facilmente sem arquivos abertos.
- E muito mais…
Obtenha a versão principal
OBTENHA AGORA no Envato Market
VER DEMO
Instalação
- Clonar este projeto
- Instale as dependências do módulo executando este script no terminal
npm install - Após terminar o download, crie dependências do Build Webpack DLL (se necessário).
npm run build:dll - Finalmente execute o aplicativo.
npm start - Navegue para http://localhost:3001
Implantação
- Primeiro você precisa construir os ativos de produção primeiro
npm run build - Em seguida, inicie o aplicativo
npm run start:prod - Se você quiser executá-lo em segundo plano, você pode tentar PM2 https://www.npmjs.com/package/pm2 Em seguida, execute este comando:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - Navegue para http://localhost:3001
Habilitar visualização direta de código
Para tornar a documentação fácil e eficaz de acessar e implementar, anexamos o código-fonte em todas as demonstrações de componentes. Chamamos isso de visualização direta de código. Este recurso pode ser usado apenas em produtos adquiridos (não disponível na demonstração).
- Abra o arquivo de configuração
/app/config/codePreview.js - Por padrão definido como falso
- Altere para
enable: true , para ativar a visualização direta do código - Teste com qualquer demonstração de componente, exemplo em http://localhost:8080/app/tables/advanced-table.
- Então, na parte inferior de cada componente você verá <> Botão Mostrar código . Basta clicar nele.
- O código-fonte desses componentes também será exibido.
- Você pode ver, copiar e colar diretamente qualquer componente diante de seus olhos.
Licença
Este projeto está licenciado sob os termos da licença do MIT.
