https://github.com/rajkumar-35/restcountries-callback-hell-task

Creating a responsive Rest Countries app with dynamic weather information and country details using HTML, CSS, JavaScript, and Bootstrap for Day 17 task assigned by the GUVI Zen class.
https://github.com/rajkumar-35/restcountries-callback-hell-task

api bootstrap5 box-model css-flexbox css-grid css3 dom dom-manipulation fetch-api html5 javascript promises

Last synced: about 7 hours ago
JSON representation

Creating a responsive Rest Countries app with dynamic weather information and country details using HTML, CSS, JavaScript, and Bootstrap for Day 17 task assigned by the GUVI Zen class.

• Host: GitHub
• URL: https://github.com/rajkumar-35/restcountries-callback-hell-task
• Owner: RAJKUMAR-35
• Created: 2024-06-27T18:27:00.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-06-27T18:49:01.000Z (4 months ago)
• Last Synced: 2024-06-28T21:53:14.095Z (4 months ago)
• Topics: api, bootstrap5, box-model, css-flexbox, css-grid, css3, dom, dom-manipulation, fetch-api, html5, javascript, promises
• Language: JavaScript
• Homepage: https://restcountries-callback-hell-task.vercel.app/
• Size: 839 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RestCountries

A web application that provides information about countries, including their capitals, regions, populations, and more. Click on a country to see the weather in its capital city.

![RestCountries Preview](Demo_Page.png)

## Features

- **Country Information:** Displays details like native name, region, capital, population, and country code.

- **Weather Information:** Shows weather details for the capital city when clicked.

- **Responsive Design:** Adaptable to various screen sizes using Bootstrap.

## Technologies Used

- HTML

- CSS

- JavaScript

- Bootstrap

- OpenWeatherMap API

- RestCountries API

## Usage

- The main page lists countries with their details.

- Click on the "Click for Weather" button to open a modal with the weather information for the selected country's capital city.

---

## Conclusion

Explore detailed country information and real-time weather updates seamlessly with RestCountries. Designed to be responsive and user-friendly, this project integrates Bootstrap and APIs for a dynamic experience.