https://github.com/yogadeepan29/async--day-17-fetch-api
Day-17 Task (Async Programming) - Rest countries and OpenWeather API using fetch() API
https://github.com/yogadeepan29/async--day-17-fetch-api
append async bootstrap dom-manipulation fetch-api html-css-javascript promise responsive
Last synced: 23 days ago
JSON representation
Day-17 Task (Async Programming) - Rest countries and OpenWeather API using fetch() API
- Host: GitHub
- URL: https://github.com/yogadeepan29/async--day-17-fetch-api
- Owner: Yogadeepan29
- Created: 2024-06-02T19:35:53.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-02T19:53:40.000Z (about 2 years ago)
- Last Synced: 2025-01-12T09:42:49.258Z (over 1 year ago)
- Topics: append, async, bootstrap, dom-manipulation, fetch-api, html-css-javascript, promise, responsive
- Language: JavaScript
- Homepage: https://ryd-fetch-api.netlify.app/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
In this Repository, I have completed the Day 17 Async programming - Restcountries & Weather using the fetch API task
==> Task-1 ( Fetch API )
I have built a web page, that displays 250 countries' details and information on the screen using HTML, DOM, CSS, Bootstrap and Advanced Javascript.
* In this task I have used two APIs to get countries and weather details
* Rest Countries API - https://restcountries.com/v3.1/all
* Open Weather API - https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}
* All the HTML elements are created using DOM.
* Used fetch() API to get data from rest countries and open weather.
* Bootstrap cards were used to display the data on the screen .
* The values getted from the API's are Country Name, Region, Capital, Lattitude & Longitude, Country Code, Population, Temperature, Pressure, Humidity and Windspeed.
* This page is also Responsive on all screens
==> This page is also Deployed on Netlify URL: https://ryd-fetch-api.netlify.app