/React-redux-capstone

The Web Metric Mobile Application is an innovative and user-friendly mobile application designed to provide users with a comprehensive list of metrics for different countries around the world. It aims to offer a convenient and efficient way for users to access and explore various statistical data related to countries.

Primary LanguageJavaScriptMIT LicenseMIT

Metrics webapp

📗 Table of Contents

📖 [Metrics webapp]

[Metrics_webapp] The Web Metric Mobile Application is an innovative and user-friendly mobile application designed to provide users with a comprehensive list of metrics for different countries around the world. It aims to offer a convenient and efficient way for users to access and explore various statistical data related to countries, including population, area, capital, continent, flag, and map. It's the React redux capstone project at Microverse.

🛠 Built With

Tech Stack

Client

Key Features

  • Created a web app using react-redux
  • Added all necessary fetures for displaying metrics.
  • Used React and Redux technology.
  • Used axios to fetch data from the API.
  • Used store, actions and reducers in React.
  • Used React hooks.
  • Search by country Name.

(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: Open terminal on the same folder of the project and run:

 npm install

Setup

Clone this repository to your desired folder:

  git https://github.com/Yacoubou-seidou/React-redux-capstone.git
  cd React-group-project

Install

Install this project with:

  npm install

Usage

1. download the project from clone
2. Install all dependencies using *npm install*
3. Run *npm start*
4. You can see it in the browser

Build for production

npm run build

Run tests

  • Linter Tests

To run tests, run the following command:

  npm run test

To check for html errors run:

  npx hint .

To check for css errors run:

  npx stylelint "**/*.{css,scss}"

To check for js errors run:

  npx eslint .

Live demo : deployment

Video : Loom-video

(back to top)

👥 Authors

👤 Yacoubou Seidou

(back to top)

🔭 Future Features

  • Add test to the project using jest
  • Add the live demo for the project
  • Add new interesting features to the project

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issue page.

(back to top)

⭐️ Show your support

If you like this feel free to follow me on github and give this project a star.

(back to top)

🙏 Acknowledgments

  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightful feedbacks.
  • Thanks and credit to Nelson Sakwa the author of the original design.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)