santicortes2250/testfrontend

Front End Test EOS

Front End Test EOS

Este proyecto es parte de una prueba técnica de Front End para EOS. Consiste en construir un diseño de Figma utilizando utilizando algun framework, preferiblemente (Vue) ó (puede ser HTML , CSS y JS), Para la funcinalidad utilizar Swiper. En este caso desarrolle el proyecto en React, utilizando Chart js para las graficas y axios para implementar el consumo de una API para obtener imágenes.

Requisitos

• Node.js (v14.17.0 o superior)
• NPM (v7.20.3 o superior)

Instalación

• Clona el repositorio a tu máquina local:

  git clone https://github.com/SantiCortes2250/testFrontend.git

• Navega al directorio del proyecto:

  cd pruebaTecnica

• Instala las dependencias necesarias:

  npm install

Uso

• Inicia la aplicación en modo de desarrollo:

  npm run dev

Estructura del proyecto

  .
├── public
│   └── vite.svg
├── src
│   ├── assets
│   │   ├── images
│   │   │   └── ...
│   │   └── ...
│   ├── components
│   │   ├── Layouts
│   │   │   └── ...
│   │   ├── UI
│   │   │   └── ...
│   │   └── ...
│   ├── styles
│   │   └── ...
│   ├── App.jsx
│   ├── index.jsx
│   └── index.css
├── .env
├── package.json
└── ...

• La carpeta public solo contiene el archivo vite.svg. Puedes agregar más archivos estáticos si es necesario.
• La carpeta src contiene el código fuente del proyecto.
• assets contiene recursos gráficos, como imágenes o iconos.
• components contiene componentes de React reutilizables.
• styles contiene archivos de estilos CSS.
• App.jsx es el componente principal de la aplicación.
• index.jsx es el punto de entrada de la aplicación.
• index.css es el archivo que contiene los estilos globales
• El archivo package.json contiene información sobre el proyecto y sus dependencias.

Dependencias

• React: Biblioteca de JavaScript para construir interfaces de usuario.
• Vite: Herramienta de desarrollo rápida para proyectos de JavaScript/TypeScript.
• Swiper: Biblioteca para implementar deslizadores de imágenes/carousel.
• Chart.js: Biblioteca para visualizar datos en forma de gráficos.
• Axios: Biblioteca de JavaScript que se utiliza para realizar solicitudes HTTP.