wahaj-ali / metrics-webapp

The Metrics web app, 'Population Index', is a powerful React-based SPA that allows you to explore detailed population metrics for countries all around the world! With an intuitive interface and powerful data visualization tools, you'll be able to quickly and easily access the latest population data for every country on the planet.

Population Index-Metrics webapp

The Metrics web app, 'Population Index', is a powerful React-based SPA that allows you to explore detailed population metrics for countries all around the world! With our intuitive interface and powerful data visualization tools, you'll be able to quickly and easily access the latest population data for every country on the planet.

📗 Table of Contents

• 📗 Table of Contents
• 📖 Population Index-Metrics webapp
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 🚀 Video Project Presentation
  • 💻 Getting Started
    • Setup
    • Install
    • Usage
    • Testing
    • Deployment
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ
  • 📝 License

📖 Population Index-Metrics webapp

The Metrics web app is a powerful React-based SPA that allows you to explore detailed population metrics for countries all around the world! With our intuitive interface and powerful data visualization tools, you'll be able to quickly and easily access the latest population data for every country on the planet.

At the heart of our web app is a sophisticated API that enables us to fetch real-time data about each country, including detailed population counts and other key metrics. And with the power of Redux, we're able to store this data securely and efficiently, ensuring that it's always available when you need it.

🛠 Built With

Tech Stack

• HTML
• CSS
• JavaScript
• React

Languages

• HTML
• CSS
• Javascript
• React

Bundler

• Webpack

Server

• Github

Key Features

• Webapp(SPA)
• Use REST API
• Responsive

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

🚀 Video Project Presentation

• -Video Project Presentation Link

(back to top)

💻 Getting Started

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

Setup

Clone this repository to your desired folder:

  git clone https://github.com/Wahaj-Ali/metrics-webapp.git
  cd metrics-webapp

Install

Before installing the app, make sure to install node.js in your machine. In order to check if node is installed run the following command:

  node -v

Install this project with:

  npm install

Usage

To run the project in a development server, execute the following command:

  npm start

Testing

To run the tests in a development server, execute the following command:

  npm test

To to build for the production, execute the following command:

  npm run build

Deployment

• I use netlify to deploy my webapp.

(back to top)

👤 Wahaj Ali

• GitHub: @Wahaj-Ali
• Twitter: @Ali96Wahaj
• LinkedIn: LinkedIn

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

A satr to this repo would be appreciated.

(back to top)

🙏 Acknowledgments

• Thanks to everyone that helped me to get all the tasks completed.
• Design of the Webapp is inspired by Nelson Sakwa's Ballhead App.

(back to top)

❓ FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

• What is this project?

  • It's a project of micoverse curriculum.

• Is there any SQL database for this site

  • No, there isn't.

(back to top)

📝 License

This project is MIT licensed.

(back to top)