https://github.com/alitursucular/fetching-api-data-with-reactjs-demo

This project simply shows fetching data from a RESTful API (https://exchangeratesapi.io/). Once data is fetched, we filter our results and create a dynamic table element to display.
https://github.com/alitursucular/fetching-api-data-with-reactjs-demo

create-react-app fetch-api jsx portfolio reactjs restful-api

Last synced: 21 days ago
JSON representation

This project simply shows fetching data from a RESTful API (https://exchangeratesapi.io/). Once data is fetched, we filter our results and create a dynamic table element to display.

• Host: GitHub
• URL: https://github.com/alitursucular/fetching-api-data-with-reactjs-demo
• Owner: alitursucular
• Created: 2019-05-09T17:36:28.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-05-12T16:13:25.000Z (over 5 years ago)
• Last Synced: 2024-10-24T13:39:11.318Z (2 months ago)
• Topics: create-react-app, fetch-api, jsx, portfolio, reactjs, restful-api
• Language: JavaScript
• Homepage:
• Size: 297 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fetching data from a RESTful API with React (Fetch API)

This project simply shows fetching data from a RESTful API (_https://exchangeratesapi.io/_). This foreign exchange rates API allows us to retrieve current and historical foreign exchange rates published by the European Central Bank. Although, there are many types of queries mentioned on their website, we will be using `latest?base=GBP` as for the _query string_ to keep this project simple. (Note that, base currency is set to GBP so, other listed currencies are based on GBP). Since we are bringing in a real world data and playing with it, I consider this project is a bit more complex than staying in the local environment. Once data is fetched, we filter our results and create a dynamic _table_ element to display.

For the **blog post** and the **demo** of this repo please visit: https://alitursucular.github.io/fetching-api-data-with-reactjs/

---

Note: The source code is in the _master branch_ while, the build code is in _gh-pages_.