https://github.com/aldamayorgadev/prueba-tecnica

Proyecto realizado con React.js, Redux-toolkit, Axios.
https://github.com/aldamayorgadev/prueba-tecnica

Last synced: 30 days ago
JSON representation

Proyecto realizado con React.js, Redux-toolkit, Axios.

• Host: GitHub
• URL: https://github.com/aldamayorgadev/prueba-tecnica
• Owner: AldaMayorgaDev
• Created: 2022-06-01T17:17:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-02T14:33:50.000Z (over 2 years ago)
• Last Synced: 2024-11-05T15:14:03.661Z (3 months ago)
• Language: JavaScript
• Homepage: prueba-tecnica-three.vercel.app
• Size: 300 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Prueba Técnica | Vacante Frontend Jr. OF2020

 :dart: Prueba técnica



Objetivos: 



Realizar una pequeña web app implementando react js, para consumir el siguiente endpoint: 
https://openfinance2020-292200.firebaseio.com/events.json 



Consumir endpoint usando axios y posteriormente guardar la información en Redux. 

En la web app tendrá que mostrar el banner, titulo, los speakers, descripción y la empresa. 



:hourglass_flowing_sand: Nota*: Solo mostrar los primeros diez elementos que devuelve el endpoint. 


Desarrollo



  
Se creó la aplicación de página única usando React.



  ```

  $ npx create-react-app react-app-api

  ```

  


  
Se instalaron en el proyecto las librerias adicionales a usar:



  ```

  //Redux-toolkit, para poder utilizar redux en el proyecto y cumplir el punto 2.

  $ npm install @reduxjs/toolkit react-redux

  //Axios, para realizar el consumo del endpoint

  $ npm install axios

  //React-Bootstrap, para agilizar el diseño y tomar estilos

  $ npm install react-bootstrap bootstrap

  ```

  


  
Resultado

:white_check_mark: La prueba, para su muestra, se alojó en Vercel:

Prueba-tecnica-react







 :email: [email protected]

Ing. Aldahir Mayorga Garcia