Tienda Online - Ecommerce MERN Este proyecto es una aplicación web de comercio electrónico (ecommerce) desarrollada con el stack MERN (MongoDB, Express, React y Node.js). Permite a los usuarios navegar por una variedad de productos, agregar artículos al carrito, realizar compras y administrar su cuenta. Los administradores tienen la capacidad de gestionar productos, usuarios y pedidos.
Tecnologías Utilizadas MongoDB: Base de datos NoSQL utilizada para almacenar productos, usuarios y pedidos. Express.js: Framework de Node.js utilizado para la creación de una API RESTful. React.js: Biblioteca de JavaScript para construir la interfaz de usuario interactiva. Node.js: Entorno de ejecución de JavaScript del lado del servidor. Características Usuarios Registro e inicio de sesión: Los usuarios pueden crear una cuenta e iniciar sesión para realizar compras. Perfil de usuario: Los usuarios pueden actualizar su información personal y ver su historial de pedidos. Carrito de compras: Los usuarios pueden agregar productos al carrito, ajustar cantidades y proceder a la compra. Pasarela de pago: Integración con servicios de pago para completar las transacciones. Historial de pedidos: Los usuarios pueden ver un resumen de sus pedidos pasados. Administradores Gestión de productos: Crear, leer, actualizar y eliminar productos del catálogo. Gestión de usuarios: Ver, editar y eliminar cuentas de usuarios. Gestión de pedidos: Ver y actualizar el estado de los pedidos. Instalación Sigue estos pasos para configurar y ejecutar el proyecto en tu entorno local.
Clona este repositorio:
git clone https://github.com/usuario/repo-ecommerce-mern.git
Ve al directorio del proyecto:
cd repo-ecommerce-mern
Instala las dependencias tanto del frontend como del backend:
npm / pnpm install
Crea un archivo .env en el directorio backend con las siguientes variables:
NODE_ENV=development PORT=5000 MONGO_URI=mongodb://localhost:27017/nombre_base_de_datos JWT_SECRET=tu_secreto_para_jwt
Inicia el servidor backend y el frontend:
npm / pnpm run dev
Abre tu navegador en http://localhost:3000 para ver la aplicación.
Aquí tienes un ejemplo de un archivo README.md en español para un ecommerce creado con el stack MERN (MongoDB, Express, React y Node.js):
Tienda Online - Ecommerce MERN Este proyecto es una aplicación web de comercio electrónico (ecommerce) desarrollada con el stack MERN (MongoDB, Express, React y Node.js). Permite a los usuarios navegar por una variedad de productos, agregar artículos al carrito, realizar compras y administrar su cuenta. Los administradores tienen la capacidad de gestionar productos, usuarios y pedidos.
Tecnologías Utilizadas MongoDB: Base de datos NoSQL utilizada para almacenar productos, usuarios y pedidos. Express.js: Framework de Node.js utilizado para la creación de una API RESTful. React.js: Biblioteca de JavaScript para construir la interfaz de usuario interactiva. Node.js: Entorno de ejecución de JavaScript del lado del servidor. Características Usuarios Registro e inicio de sesión: Los usuarios pueden crear una cuenta e iniciar sesión para realizar compras. Perfil de usuario: Los usuarios pueden actualizar su información personal y ver su historial de pedidos. Carrito de compras: Los usuarios pueden agregar productos al carrito, ajustar cantidades y proceder a la compra. Pasarela de pago: Integración con servicios de pago para completar las transacciones. Historial de pedidos: Los usuarios pueden ver un resumen de sus pedidos pasados. Administradores Gestión de productos: Crear, leer, actualizar y eliminar productos del catálogo. Gestión de usuarios: Ver, editar y eliminar cuentas de usuarios. Gestión de pedidos: Ver y actualizar el estado de los pedidos. Instalación Sigue estos pasos para configurar y ejecutar el proyecto en tu entorno local.
Clona este repositorio:
bash Copiar código git clone https://github.com/usuario/repo-ecommerce-mern.git Ve al directorio del proyecto:
bash Copiar código cd repo-ecommerce-mern Instala las dependencias tanto del frontend como del backend:
bash Copiar código
cd backend npm install
cd ../frontend npm install Crea un archivo .env en el directorio backend con las siguientes variables:
env Copiar código NODE_ENV=development PORT=5000 MONGO_URI=mongodb://localhost:27017/nombre_base_de_datos JWT_SECRET=tu_secreto_para_jwt Inicia el servidor backend y el frontend:
bash Copiar código
npm run dev
npm start Abre tu navegador en http://localhost:3000 para ver la aplicación.
Scripts Disponibles En el proyecto puedes ejecutar los siguientes comandos:
npm run dev (en el directorio backend): Inicia el servidor en modo desarrollo con recarga automática. npm start (en el directorio frontend): Inicia la aplicación React en modo desarrollo. Estructura del Proyecto El proyecto está dividido en dos partes principales: frontend y backend.
Backend: Se encuentra en el directorio backend/. Aquí se maneja la API RESTful creada con Express. La conexión a la base de datos MongoDB se realiza aquí. Frontend: Se encuentra en el directorio frontend/. La interfaz de usuario está creada con React y utiliza Redux para manejar el estado global de la aplicación. Contribución Si deseas contribuir a este proyecto, sigue estos pasos:
Haz un fork del repositorio. Crea una rama nueva (git checkout -b feature/nueva-caracteristica). Realiza los cambios necesarios y haz commits. Haz push a tu rama (git push origin feature/nueva-caracteristica). Abre un Pull Request para revisar los cambios.