E-commerce_Backend

E-commerce_Backend es la parte del servidor que respalda la aplicación web E-commerce_Frontend. Proporciona la lógica del servidor y garantiza una experiencia fluida para los clientes que utilizan la aplicación E-commerce_Frontend. La conexión entre el frontend y el backend se establece a través de solicitudes HTTP utilizando Axios. A continuación, se detallan las dependencias necesarias para ejecutar y desarrollar este proyecto backend.

Estos son solo ejemplos básicos, ajusta y amplía según las necesidades específicas de tu proyecto.

Demo

Fake Store E-commerce (Esta página de inicio de noticias ha sido cuidadosamente diseñada con un enfoque en la simplicidad y funcionalidad. Además, constituye un proyecto valioso para perfeccionar las habilidades en CSS Grid. )

Requisitos

Asegúrate de tener Node.js y npm instalados en tu máquina. Node.js y que se ejecute con npm (Normalmente viene con Node.js)

Instalación

1. Clona este repositorio

   git clone https://github.com/TuUsuario/E-commerce_Backend.git

2. Navega al directorio del proyecto cd E-commerce_Backend
3. Instala las dependencias de Vite npm install
4. Ejecutar el servidor de desarrollo con npm run dev
5. Construir la aplicación para producción con npm run build

Esto iniciará la aplicación en modo de desarrollo. Abre http://localhost:3000 en tu navegador para ver la aplicación. Ahora se clona el repositorio Frontend y sigue las instrucciones

Dependencias a instalar

Asegúrate de instalar las siguientes dependencias antes de ejecutar la aplicación:

Express generator

Instala Express application generator para agilizar la creación de una estructura básica de la aplicación

npm install -g express-generator

Consulta la documentación de Express aplication generator para obtener más información.

Axios

Utiliza Axios para realizar solicitudes HTTP en tu aplicación.

npm install axios

Sigue la documentación de Axios para entender cómo integrarlo en tu proyecto.

Cookie-parser

Utiliza Cookie-parser Middleware de Express para analizar las cookies en las solicitudes HTTP..

$ npm install cookie-parser

Sigue la documentación de Cookie-parser para entender cómo integrarlo en tu proyecto.

Cors

Integra Middleware de Express para habilitar la política de mismo origen (CORS).

npm install cors

Sigue la documentación de cors para una configuración óptima. Configuración de CORS En el código fuente, se utiliza la biblioteca cors junto con opciones específicas para permitir solicitudes desde un dominio específico (http://localhost:5173 en este caso). Aquí está el fragmento de código que configura CORS en la aplicación:

const cors = require('cors');

// Permitir solicitudes desde cualquier origen
const corsOptions = {
  origin:  'http://localhost:5173', // Puedes proporcionar una lista de dominios permitidos ['http://localhost:5173', 'https://otrodominio.com']
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  credentials: true,
  optionsSuccessStatus: 204,
};
app.use(cors(corsOptions));

Dotenv

Añade dotenv para guradar tus variables de entorno.

npm install dotenv

Por favor, revisa la documentación de dotenv para más detalles.

Antes de ejecutar el proyecto, asegúrate de haber configurado las variables de entorno. Crea un archivo .env en la raíz del proyecto y define las siguientes variables:

PORT = 3000
FAKESTORE = https://fakestoreapi.com

Nodemon

Incorpora nodemon para gestionar el estado de la aplicación de manera eficiente.

npm install -g nodemon

Consulta la documentación de nodemon para obtener información detallada sobre su implementación.

Contribuir

¡Agradecemos tu interés en contribuir al desarrollo de esta aplicación! Sigue estos pasos para colaborar de manera efectiva:

1. Fork del Proyecto: Haz un fork del repositorio desde la interfaz de GitHub. Esto creará una copia del proyecto en tu cuenta.

2. Crea una Nueva Rama: Crea una nueva rama para tu funcionalidad o corrección utilizando el siguiente comando:

   git checkout -b feature/nueva-funcionalidad

   Asegúrate de utilizar un nombre descriptivo para tu rama.

3. Realiza tus Cambios: Implementa las modificaciones necesarias en tu nueva rama. Añade, modifica o elimina el código según sea necesario.

4. Haz Commit de tus Cambios: Utiliza el siguiente comando para realizar un commit con un mensaje descriptivo:

   git commit -m 'Agrega nueva funcionalidad'

5. Haz Push a la Rama: Sube tus cambios a tu fork del repositorio en GitHub:

   git push origin feature/nueva-funcionalidad

6. Abre un Pull Request (PR): Visita la página de tu repositorio en GitHub y selecciona la rama que acabas de crear. Haz clic en el botón "New Pull Request" para abrir un nuevo PR.

   • Asegúrate de proporcionar información detallada sobre los cambios realizados.
   • Si es relevante, menciona problemas relacionados o funcionalidades afectadas.
   • Sé claro y conciso en tu descripción para facilitar la revisión del PR.

7. Espera la Revisión: Los colaboradores revisarán tu PR y proporcionarán comentarios o sugerencias. Sé receptivo a las sugerencias y realiza ajustes según sea necesario.

¡Gracias por tu contribución! Tu esfuerzo ayuda a mejorar esta aplicación y beneficia a toda la comunidad.

Authors

• @Cristian Arias

Documentation

License

Este proyecto está bajo la Licencia MIT