megamart ecommerce

Sitio web de Megamart E-Commerce

¡Bienvenido a mi sitio web de comercio electrónico React Redux! Este proyecto es una solución de comercio electrónico de pila completa construida con React, Redux, Redux-Toolkit y varias otras tecnologías. Ya sea que sea un desarrollador que busque contribuir, un propietario de un negocio interesado en mi plataforma, o simplemente un usuario curioso, este readMe lo guiará a través de los detalles esenciales de mi proyecto.

Tabla de contenido

• Características
• Tecnologías utilizadas
• Instalación
• Uso
• Que contribuye
• Licencia

Características

Mi sitio web React Redux Megamart Ecommerce:

• Catálogo de productos: navegar y buscar productos en varias categorías.
• Autenticación del usuario: registrar, iniciar sesión y administrar su perfil de usuario.
• CARRO DE COMPRA: Agregue y elimine los artículos de su carrito, actualice cantidades y proceda a pagar.
• Gestión de pedidos: Ver y administrar el historial de su pedido.
• Panel de administración: una interfaz de administración para administrar productos, categorías y pedidos.
• Diseño receptivo: una interfaz de usuario amigable para móviles para una experiencia de compra perfecta en todos los dispositivos.
• Integración de pagos: procesamiento de pago seguro para completar los pedidos.

Tecnologías utilizadas

• React: una popular biblioteca JavaScript para construir interfaces de usuario.
• Redux: una biblioteca de administración estatal para el estado de aplicación predecible.
• React Router: para manejar la navegación dentro de la aplicación. Este enrutador React utilizo (React-Router-DOM) V6.
• Node.js: un tiempo de ejecución de JavaScript para construir el lado del servidor de la aplicación.
• Express.js: un marco de aplicaciones web para construir API RESTful.
• Mongoose: Mongoose es una biblioteca de modelado de datos de objetos (ODM) para MongoDB.
• Stripe: integración de procesamiento de pagos para transacciones seguras.
• TailWindcss: para diseñar la interfaz de usuario.

Instalación

Para comenzar con mi sitio web de comercio electrónico React Redux, siga estos pasos:

1. Clone este repositorio a su máquina local usando GIT.

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

2. Cambiar al directorio del proyecto.

    cd megamart-ecommerce

3. Instalar dependencias del servidor. (Hilo de uso recomendado)

   yarn install

   O,

   npm install

4. Cree un archivo .env o renombre .env.dev a .env y agregue su propia configuración basada en el archivo .env.dev proporcionado.

5. Inicie el servidor de desarrollo usando este comando.

   yarn start

   O

   npm start

6. Acceda a la aplicación en su navegador web en http://localhost:3000 .

Uso

• Visite el sitio web implementado o ejecute el servidor de desarrollo (como se describe en las instrucciones de instalación) para acceder a la aplicación.
• Registre una cuenta o inicie sesión para comenzar a comprar.
• Explore el catálogo de productos, agregue artículos a su carrito y complete los pedidos.

Si es un administrador, acceda al panel de administración para administrar productos, categorías y pedidos.

1. Vaya a esta URL e inicie sesión como administrador

   http://localhost:3000/admin

2. Inicie sesión en su cuenta de administración utilizando esta información.

   email: [email protected]
   password: 1111

Si está inyectando correctamente como administrador, puede administrar todo.

Que contribuye

Si tiene alguna sugerencia sobre qué mejorar este sitio web, haga que un problema comparta sus ideas y cree su solicitud de extracción.

Licencia

Este proyecto tiene licencia bajo la licencia MIT. No dude en usarlo, modificarlo y distribuirlo según los términos de la licencia.

¡Disfruta de tu experiencia de compra con mi sitio web de Commerce Megamart! Si tiene alguna pregunta o encuentra algún problema, cree un problema o contácteme.

El código del lado del servidor está aquí.

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