https://github.com/yacoubou-seidou/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.
https://github.com/yacoubou-seidou/react-redux-capstone
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/yacoubou-seidou/react-redux-capstone
- Owner: Yacoubou-seidou
- License: mit
- Created: 2023-05-22T10:32:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-11T13:45:30.000Z (about 2 years ago)
- Last Synced: 2025-02-04T11:05:05.623Z (4 months ago)
- Language: JavaScript
- Homepage: https://countrydata-ogxs.onrender.com/
- Size: 771 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Metrics webapp
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 \[Metrics webapp\] ](#-metrics-webapp-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Build for production](#build-for-production)
- [Run tests](#run-tests)
- [Live demo : deployment](#live-demo--deployment)
- [Video : Loom-video](#video--loom-video)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**[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.
Client
- [x] Created a web app using react-redux
- [x] Added all necessary fetures for displaying metrics.
- [x] Used React and Redux technology.
- [x] Used `axios` to fetch data from the API.
- [x] Used store, actions and reducers in React.
- [x] Used React hooks.
- [x] Search by country Name.
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:
```sh
npm install
```
### Setup
Clone this repository to your desired folder:
```sh
git https://github.com/Yacoubou-seidou/React-redux-capstone.git
cd React-group-project
```
### Install
Install this project with:
```sh
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:
```sh
npm run test
```
To check for html errors run:
```sh
npx hint .
```
To check for css errors run:
```sh
npx stylelint "**/*.{css,scss}"
```
To check for js errors run:
```sh
npx eslint .
```
### Live demo : [deployment](https://countrydata-ogxs.onrender.com/)
### Video : [Loom-video](https://www.loom.com/share/1ce57740372b49a49752ba3148f89dc2)
👤 **Yacoubou Seidou**
- GitHub: [@Yacoubou-seidou](https://github.com/Yacoubou-seidou)
- [x] Add test to the project using jest
- [x] Add the live demo for the project
- [x] Add new interesting features to the project
Contributions, issues, and feature requests are welcome!
Feel free to check the [issue page](https://github.com/Yacoubou-seidou/React-redux-capstone/issues).
If you like this feel free to follow me on github and give this project a star.
- 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.
This project is [MIT](./LICENSE.md) licensed.