https://github.com/mahabubx7/population-metrics
Population Metrics is a mobile web application that provides population stats on country basis. It can also give some of it property based informations
https://github.com/mahabubx7/population-metrics
atomic-design-pattern cicd mobile-first react redux redux-toolkit rtk-query tailwindcss test-driven-development
Last synced: 4 months ago
JSON representation
Population Metrics is a mobile web application that provides population stats on country basis. It can also give some of it property based informations
- Host: GitHub
- URL: https://github.com/mahabubx7/population-metrics
- Owner: mahabubx7
- License: cc0-1.0
- Created: 2023-05-19T16:30:48.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-24T15:12:07.000Z (about 2 years ago)
- Last Synced: 2025-01-14T07:53:54.428Z (6 months ago)
- Topics: atomic-design-pattern, cicd, mobile-first, react, redux, redux-toolkit, rtk-query, tailwindcss, test-driven-development
- Language: JavaScript
- Homepage: https://population-metrics.netlify.app/
- Size: 556 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/react-cap/deploys)
Population Metrics
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run Linters](#run-tests)
- [Screenshot](#screenshot)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contribute](#contribute)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Population Metrics is a mobile web application that provides population stats on country basis. It can also give some of it property based informations**
Client
- React
- Redux
- Redux Toolkit
Server
- Not Available
Database
- Not Available
- Mobile web app using React.js
- List of countries with search/filtering.
- Get population metrics & its related properties.
[](https://www.loom.com/embed/e79125831ad94747a7b9ea227cfaf16c)
Population Metrics - React Capstone Project - (Mobile Web App.) - Watch Video
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Nodejs
- Node Package Manager
- VS Code text editor
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:mahabubx7/population-metrics.git
```
### Install
Install this project with:
```sh
cd my-project
yarn install
```
### Usage
To run the project, execute the following command:
```bash
$ yarn start
```
### Run tests
To run tests, run the following command:
```bash
$ yarn test
```
##### Lints
```bash
$ yarn lint
```
or
```bash
$ yarn lint:fix
```
Deployed in `Netlify`.
Live preview link: [https://population-metrics.netlify.app/](https://population-metrics.netlify.app/)
#### 👤 **Mahabub Alam**
- GitHub: [mahabubx7](https://github.com/mahabubx7)
- Twitter: [@mahabub\_\_7](https://twitter.com/mahabub__7)
- Linkedin: [in/mahabubx7](https://www.linkedin.com/in/mahabubx7)
- Add Desktop version UI
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues](https://github.com/mahabubx7/population-metrics/issues) page
If you like this project then please give a ⭐️ and also share your feedback.
## Acknowledgments
Big ups to Microverse team for inspiring this project. And, thanks to [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) for the original design.
This project is [CC0 1.0 Universal](./LICENSE) licensed.