MaoParadise / onlineShoppingB

Home Page:https://bsale-2022process.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ejercicio proceso de selección para BSALE

EJEMPLO DESPLEGADO

el despliegue del frontend se encuentra actualmente en el dominio https://bsale-2022process.netlify.app/ de netlify, el backend se encuentra en https://bsalebackend-api.herokuapp.com/

frontend

sobre la estructura del front-end

está conformada en su raíz por index.html, todos los recursos a excepción de los assets se encuentran en la carpeta /src, el proyecto está escrito en su totalidad en Vanilla Javascript sin hacer uso de librerias externas.

sobre la carpeta /src

aquí se encuentra los estilos y la lógica del frontend, está dividida en la carpeta /css para los estilos de los componentes, en la carpeta /components donde se guarda la lógica de los distintos componentes que interactúan con el DOM y /utils carpeta donde existe código no necesariamente relacionado con los componentes pero necesario para las operación ( llamadas a la API )

./src  
    /components  
    /css  
    /utils  
    / index.js   **el index.js esta para inicializar y hacer el re-render cuando sea necesario**

sobre la carpeta /assets

aquí se encuentra los recursos que no necesariamente implican lógica de programación como el favicon y las imágenes

./assets  
    /images    
    favicon.jpge   

backend

sobre la estructura del back-end

para su confección se usó NodeJS junto al framework de Express, está conformada en su raíz por los package.json y la carpeta /src

sobre la carpeta /src

la lógica del backend se encuentra escrita en esta carpeta, esta divida en la carpeta /controllers para manejar los eventos de llamados de la API e interactuar con la base de datos, la carpeta /routes para almacenar las rutas permitas de la API cualquier otra ruta que se desee agregar en el futuro tiene que estar aquí y en la raíz de la carpeta se encuentran database.js (quien conecta a la base de datos), index.js ( inicializa, configura y arranca el backend) y keys ( guarda la información de la base de datos con la que se interactuara )

./src  
    /controllers    
    /routes    
    database.js    
    index.js  
    keys.js 

API del backend

vease en la carpeta documentations el apartado de useAPI.md que explica la estructura de la API del backend

About

https://bsale-2022process.netlify.app/


Languages

Language:JavaScript 57.2%Language:CSS 33.5%Language:HTML 9.3%