Metrics Webapp

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🔭 Acknowledgements
• ❓ FAQ
• 📝 License

🎯 Metrics Webapp

Explore the population metrics of Asian countries with this React capstone project. The mobile web application utilizes React and Redux to fetch and display population data from a selected API.

🛠 Built With

Tech Stack

Technology

• React
• Redux
• Redux Toolkit
• React Router Dom
• React-Bootstrap
• CSS-flex

Tools

• VS Code
• GIT
• GITHUB

Key Features

This project is a simple metrics app. The main features are:

• Mainly consists of two page:
• Home page with a list of countries and population of Asia region
• Detail page for the country details

(back to top)

🚀 Live Demo

• Live Demo Link
• Video description

(back to top)

💻 Getting Started

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

Prerequisites

you have to those tools in your local machine.

• NPM
• GIT & GITHUB
• Any Code Editor (VS Code, Brackets, etc)

Setup

Clone the project.

  git clone git@github.com:HossainAraf/metrics-webapp.git

Go to the project directory.

  cd metrics-webapp

In the project directory, you can run:

  npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.You may also see any lint errors in the console.

  npm test

  npm run build

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

(back to top)

👥 Authors

👤 Md Arafat Hossain

• GitHub: HossainAraf
• LinkedIn: Md. Arafat Hossain

(back to top)

🔭 Future Features

• We will implement city details page
• We will implement API data for all continents
• We will implement google map
• We will implement voice search
• We will add functionality to the setting icon of Navbar
• We will make this app responsible for all screen sizes

(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

• My Family.
• Microverse Team.
• Original design idea by Nelson Sakwa on Behance.

(back to top)

❓ FAQ

• Are you using database?

  • No, I am not using any database.

• Can I use this project for personal use?

  • Yes, you can use it.

(back to top)

📝 License

This project is MIT licensed.

(back to top)