World Metrics Webapp

📗 Table of Contents

• 📗 Table of Contents
• 📖 World Metrics
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Start
    • Tests
    • Build
    • Deployment
    • Usage
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • 💖 Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 World Metrics

"World Metrics" is a single page web application that allows users to:

• To check world continents/countries information, e.g: Population, Flags, Currencies, Languages, Longitude, Latitude, & Air Pollution Data etc.

🛠 Built With

Tech Stack

• HTML5
• CSS3
• JavaScript(ES6)
• React Js
• Redux

Key Features

The key features of this website include.

• Interaction with "REST Countries" API.
• Interaction with "Air Pollution" API.
• Continents info at Home page.
• Search countries by name at "Continent Detail" page.
• View detailed data about selected country at "Country Detail" page.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• A web browser like Google Chrome.
• A code editor like Visual Studio Code with Git and Node.js installed.

Setup

Clone this repository to your desired folder:

1. Open terminal in VScode.
2. Navigate to the directory where you want clone the copy of this repository
3. Create new directory [optional]
4. Clone the repo using the below command

  git clone  https://github.com/MNisarAli/Metrics-Webapp.git

  cd Metrics-Webapp

Install

Install this project with:

  npm install

Start

To start the application, run the following command

  npm start

Tests

To run tests, run the following command:

  npm test

Build

To build the app for production, run the following command:

  npm run build

Deployment

To deploy project, run the following command:

  npm run deploy

Or you can deploy on a static site hosting platform like Render.

Usage

This project can be used to practice React & Redux.

(back to top)

👥 Authors

The collaborators of this project.

👤 M Nisar Ali

• GitHub: @MNisarAli
• Gmail: Muhammad Nisar Ali
• LinkedIn: Muhammad Nisar Ali

(back to top)

🔭 Future Features

• Add air pollution data for each city.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

💖 Show your support

Give a ⭐️, if you like this project!

(back to top)

🙏 Acknowledgments

I would like to thank:

• Microverseinc for Readme-template.
• Nelson Sakwa at Behance for creating this beautiful App design.
• Alejandro Matos for REST Countries API.
• OpenWeather for Air Pollution API

(back to top)

📝 License

This project is MIT licensed.

(back to top)