https://github.com/kmonika26/masai-repo

https://github.com/kmonika26/masai-repo

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kmonika26/masai-repo
• Owner: KMONIKA26
• Created: 2024-04-24T16:39:18.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-24T19:04:51.000Z (7 months ago)
• Last Synced: 2024-04-25T19:15:11.452Z (7 months ago)
• Language: JavaScript
• Size: 11.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Country Assignment Project

This project displays country data fetched from an API and allows sorting countries by population.

## How to Use

1. Click the "Fetch Country Data" button to fetch country data from the API.

2. Use the "high to low" button to sort countries by population from highest to lowest.

3. Use the "low to high" button to sort countries by population from lowest to highest.

## Project Structure

- `index.html`: Contains the HTML structure of the project.

- `style.css`: Contains the CSS styles for the project.

- `script.js`: Contains the JavaScript code for fetching data, displaying data, and       sorting countries.

## Setup

No special setup is required. Simply open the `index.html` file in a web browser to run the project.

## Usage

Click the "Fetch Country Data" button to fetch data about countries from the API.

Click the "high to low" button to sort the countries by population from highest to lowest.

Click the "low to high" button to sort the countries by population from lowest to highest.

## Files

`index.html`: The main HTML file that contains the structure of the webpage.

`style.css`: The CSS file that styles the webpage.

`script.js`: The JavaScript file that contains the logic for fetching data and displaying it on the webpage.

## Dependencies

This project uses the Fetch API to fetch data from the API.

The project uses grid layout for displaying country data in a grid format.

## Credits

This project uses the [fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) to fetch data from an API.

This project was created by [K MONIKA]. You can find me on [https://github.com/KMONIKA26].