Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/juanchobostero/ecommerce-reactjs


https://github.com/juanchobostero/ecommerce-reactjs

Last synced: 20 days ago
JSON representation

Awesome Lists containing this project

README 

        
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:



# Instalar dependencias

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

# Instalar dependencias del backend

cd backend

npm install



# Instalar dependencias del frontend

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

# En el directorio backend

npm run dev



# En el directorio frontend

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.