Skip to content

MikeBrevis/AndecorpWeb

Repository files navigation

AndecorpWeb

Página web corporativa para Andecorp, empresa chilena del sector de equipos de construcción. Este proyecto consta de un frontend estático multipágina y un backend en Node.js/Express para manejar funcionalidades dinámicas, como el formulario de contacto y la entrega segura de documentos (certificaciones).

Dominio en vivo: https://www.andecorp.cl

🚀 Tecnologías

Frontend

  • Estructura: HTML5 Semántico
  • Estilos: Vanilla CSS + Bootstrap 5 (Sistema de grillas y utilidades)
  • Lógica: Vanilla JavaScript (ES6+)
  • Recursos: Google Fonts, Bootstrap Icons

Backend (/server)

  • Entorno: Node.js
  • Framework: Express 5
  • Autenticación: JWT (jsonwebtoken) + bcryptjs
  • Seguridad: express-rate-limit, express-validator, reCAPTCHA v3 (axios)
  • Emails: nodemailer

💻 Desarrollo Local

1. Configurar el Backend

  1. Abre una terminal y navega a la carpeta del servidor:
    cd server
  2. Instala las dependencias (esto lee el package.json e instala todo en node_modules):
    npm install
  3. Crea un archivo .env en la carpeta server/ basándote en las variables de entorno necesarias (consulta a tu equipo o revisa la configuración en cPanel para los valores correctos).
  4. Inicia el servidor de desarrollo:
    node index.js
    El servidor se ejecutará en http://localhost:3000.

2. Configurar el Frontend

  1. Abre la raíz del proyecto en tu editor de código preferido (ej. VS Code).
  2. Utiliza una extensión como Live Server para levantar los archivos HTML estáticos.
  3. El frontend enviará sus peticiones al backend local (CORS está configurado en el servidor para permitir orígenes como http://127.0.0.1:5500).

📁 Estructura Principal

  • index.html, projects.html, etc.: Páginas estáticas principales de navegación.
  • css/: Estilos divididos modularmente (globales y por sección).
  • js/: Lógica del cliente (validaciones de form, carga de proyectos, mapas interactivos).
  • server/: Backend Node.js.
    • index.js: Punto de entrada del servidor API.
    • private-docs/: Directorio protegido. Aquí se almacenan los PDFs de certificación. No son accesibles públicamente por URL directa.

🔒 Seguridad y Certificaciones

La sección de descarga de certificaciones está protegida de accesos públicos directos. Los archivos PDF residen en el backend (server/private-docs/) y solo se transmiten al cliente a través de endpoints de la API (/api/docs/:filename) tras una validación exitosa de contraseña que otorga un token temporal JWT de 10 minutos.

About

Página web desarrollada con HTML, CSS y JavaScript, inspirada en diseños existentes y adaptada a un estilo propio. Incluye estructura optimizada, diseño responsivo y organización modular de archivos para facilitar su mantenimiento y escalabilidad.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors