KonixDev/Full-Stack-JS---Code-Challenge

A Full Stack JS - Code Challenge for ToolBox

Desafío Full Stack JS - Challenge

Este repositorio contiene las implementaciones del desafío Full Stack JS, que consiste en desarrollar un API en Node.js + Express y un cliente en React + React Bootstrap para consumir y mostrar información proveniente de un API externo.

Clonar Repositorio

git clone https://github.com/KonixDev/Full-Stack-JS---Code-Challenge.git

• Instalar dependencias:
• Backend:

cd backend && npm install

• Front:

cd front && npm install

Comandos

• Iniciar backend:

cd backend && npm run start

• Iniciar Front:

cd front && npm run dev

Documentación (SWAGGER UI)

Puedes acceder a la documentación aquí: DOCUMENTACIÓN

API (Node.js + Express)

Caracteristicas del backend: NodeJS 14 Standard JS Swagger

Métodos a utilizar:

• Para listar archivos:

curl -X GET http://localhost:5000/files/data -H 'content-type: application/json'

• Para obtener un archivo específico:

curl -X GET http://localhost:5000/files/data?fileName=test1.csv -H 'content-type: application/json'

• Ejemplo de respuesta

[
  {
    "file": "file1.csv",
    "lines": [
      {
        "text": "RgTya",
        "number": 64075909,
        "hex": "70ad29aacf0b690b0467fe2b2767f765"
      },
      ...
    ]
  }
]

FRONT (React.JS + React Bootstrap)

Layout La aplicación en React utiliza React Bootstrap y muestra la información obtenida del API en /files/data.

Caracteristicas del frontend: Programación funcional y Hook Effects en React. NodeJS 16 React + VITE, React Bootstrap

DOCKER

• Backend NodeJS 14 Image
• Front VITE + React NodeJS 16 Image

Testing

El backend proporciona un comando para testing sencillo con Mocha y Chai.

cd backend && npm run test