adminApp

✍️ adminApp

adminApp é um aplicativo de comércio eletrônico de pilha MERN (apenas no lado do administrador).

⚛️ Pilhas de tecnologia usadas

• Reagir.js
• Tailwindcss
• Nó e Express.js
• MongoDB
• Mongoose: para toda validação de esquema e conexão de banco de dados
• Day.js: para formato de data.
• JsonwebToken: para criar jsonwebtoken
• BcryptJs: para criptografia de senha
• Dotenv: para usar variável de ambiente
• Nodemon: para execução no servidor de desenvolvimento

Principais recursos

• Totalmente responsivo e fácil de usar
• Modo escuro e claro
• Área de notificação
• Adicionar, atualizar e excluir produtos
• Crie, atualize e exclua categorias
• Registrar, atualizar e excluir funcionários
• Pesquise a equipe (por nome, e-mail e número de telefone)
• criar, atualizar e excluir cupons
• Importar e exportar produtos, categorias, cupons e clientes
• Baixar pedidos
• Pesquise e filtre pedidos por:
  1. Status (entregue, pendente, em processamento e cancelado)
  2. Data de início e término
  3. Nome do cliente e
  4. Limites de pedidos
• Adicione, atualize, exclua e pesquise idiomas e moedas internacionais
• Uma configuração para controlar o administrador e a loja.
• Todos os clientes cadastrados listam e mostram o total de pedidos individualmente.
• Adicionado PWA
• Tradução dinâmica de todos os dados dinâmicos, como produtos, categorias, atributos e cupons.
• Atributos e combinação do produto.
• E muito mais, incluindo todas as validações necessárias

Primeiros passos e instalação

1. Instale o Node e o npm
2. Bifurque o projeto
3. abra o projeto em seu editor de código favorito

Instalação de back-end

1. Navegue até o diretório adminApp-backend e execute o seguinte comando para instalar dependências?:

   npm install

2. Configure seu banco de dados MongoDB. após a configuração, você encontrará um URI mongo, basta colocá-lo na variável MONGO_URI do arquivo .env .

3. Depois de se conectar com sucesso ao MongoDB e configurar .env e, em seguida, executar npm run data:import , ele executará o arquivo seed.js e importará todos os dados de demonstração no banco de dados. Se tudo estiver bem, a configuração do backend está concluída. Agora você encontrará todos os dados de demonstração em seu banco de dados MongoDB.

4. Agora execute npm run dev , ele executará seu back-end no servidor local na PORTA 5055 ou na PORTA de entrada.

Instalação administrativa

1. Navegue até o diretório adminApp-admin e execute o seguinte comando para instalar dependências?:

npm install

2. Crie uma conta na nuvem. Em seguida, obtenha seu nome cloudinary, API_KEY e API_SECRET. Quando terminar, copie e cole esses valores nas linhas REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY e REACT_APP_CLOUDINARY_API_SECRET respectivamente do arquivo .env.local .
3. Agora execute npm start , ele executará seu adminApp no ​​servidor local em http://localhost:4000

Visite adminApp

Problemas

Se você encontrar algum problema ao instalar ou usar o aplicativo, abra um problema com a tag "aprimoramento".

Nota: Certifique-se de navegar pelos problemas existentes para verificar se o problema já existe.

Contribuição

Qualquer contribuição que você fizer será muito apreciada . Se você tiver uma sugestão que possa melhorar este aplicativo, por favor:

1. Bifurque o repositório
2. Crie sua ramificação de recursos
3. Confirme suas alterações
4. Empurre para a filial
5. Abra uma solicitação pull

Você também pode simplesmente abrir uma discussão ou problema com a tag " aprimoramento ".

Créditos da imagem

1. Unsplash – https://unsplash.com
2. Pexels – https://pexels.com
3. PNGwing – https://www.pngwing.com/
4. Instacart – https://instacart.ca

? Se você gostou deste projeto, dê um like e compartilhe com os amigos!