megamart ecommerce

Site de comércio eletrônico da Megamart

Bem -vindo ao meu site de comércio eletrônico React Redux! Este projeto é uma solução de comércio eletrônico de pilha completa, construída com React, Redux, Redux-Toolkit e várias outras tecnologias. Seja você um desenvolvedor que deseja contribuir, um proprietário de uma empresa interessado na minha plataforma ou apenas um usuário curioso, este ReadMe o guiará através dos detalhes essenciais do meu projeto.

Índice

• Características
• Tecnologias usadas
• Instalação
• Uso
• Contribuindo
• Licença

Características

Meu site de comércio eletrônico do My React Redux Megamart.

• Catálogo de produtos: navegue e pesquise produtos em várias categorias.
• Autenticação do usuário: registre, login e gerencie seu perfil de usuário.
• Carrinho de compras: adicione e remova itens do seu carrinho, atualize quantidades e prossiga para a compra.
• Gerenciamento de pedidos: visualize e gerencie o histórico do seu pedido.
• Painel de administração: uma interface de administração para gerenciar produtos, categorias e pedidos.
• Design responsivo: uma interface de usuário para dispositivos móveis para uma experiência de compra perfeita em todos os dispositivos.
• Integração de pagamento: Processamento de pagamento seguro para os pedidos completos.

Tecnologias usadas

• REACT: Uma biblioteca JavaScript popular para criar interfaces de usuário.
• Redux: uma biblioteca de gerenciamento de estado para um estado de aplicação previsível.
• React Router: para lidar com a navegação dentro do aplicativo. Este roteador de reação que eu uso (React-Router-Dom) V6.
• Node.js: um tempo de execução do JavaScript para criar o lado do servidor do aplicativo.
• Express.js: Uma estrutura de aplicativos da web para criar APIs RESTful.
• Mongoose: Mongoose é uma biblioteca de modelagem de dados de objetos (ODM) para MongoDB.
• Stripe: Integração do processamento de pagamentos para transações seguras.
• Tailwindcss: para modelar a interface do usuário.

Instalação

Para começar com o meu site de comércio eletrônico React Redux, siga estas etapas:

1. Clone este repositório para sua máquina local usando o Git.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. Mude no diretório do projeto.

    cd megamart-ecommerce

3. Instalar dependências do servidor. (Recomendado Use Yarn)

   yarn install

   Ou,

   npm install

4. Crie um arquivo .env ou renomeie .env.dev para .env e adicione sua própria configuração com base no arquivo .env.dev fornecido.

5. Inicie o servidor de desenvolvimento usando este comando.

   yarn start

   Ou

   npm start

6. Acesse o aplicativo em seu navegador da web em http://localhost:3000 .

Uso

• Visite o site implantado ou execute o servidor de desenvolvimento (conforme descrito nas instruções de instalação) para acessar o aplicativo.
• Registre uma conta ou faça login para começar a fazer compras.
• Explore o catálogo de produtos, adicione itens ao seu carrinho e complete os pedidos.

Se você é um administrador, acesse o painel de administração para gerenciar produtos, categorias e pedidos.

1. Vá para este URL e faça login como um administrador

   http://localhost:3000/admin

2. Login sua conta de administrador usando essas informações.

   email: [email protected]
   password: 1111

Se você está login com sucesso como administrador, você pode gerenciar tudo.

Contribuindo

Se você tiver alguma sugestão sobre o que melhorar este site, faça um problema, compartilhe suas idéias e crie sua solicitação de tração.

Licença

Este projeto está licenciado sob a licença do MIT. Sinta -se à vontade para usar, modificar e distribuí -lo de acordo com os termos da licença.

Aproveite sua experiência de compra com meu site de comércio eletrônico Megamart! Se você tiver alguma dúvida ou encontrar algum problema, crie um problema ou entre em contato comigo.

O código do lado do servidor está aqui.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git