Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/timbar09/air-pollution-metrics-react
This is a web application that displays green-house gas emission data in European countries. The application fetches real live data from the Air pollution API. The application allows users to interact with it by clicking on a specific country which will then display the gas stats for that country's capital.
https://github.com/timbar09/air-pollution-metrics-react
bootstrap mobile-app react redux sass
Last synced: about 1 month ago
JSON representation
This is a web application that displays green-house gas emission data in European countries. The application fetches real live data from the Air pollution API. The application allows users to interact with it by clicking on a specific country which will then display the gas stats for that country's capital.
- Host: GitHub
- URL: https://github.com/timbar09/air-pollution-metrics-react
- Owner: Timbar09
- License: mit
- Created: 2023-03-13T16:44:40.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-03-18T08:44:09.000Z (over 1 year ago)
- Last Synced: 2024-05-17T15:35:23.207Z (6 months ago)
- Topics: bootstrap, mobile-app, react, redux, sass
- Language: JavaScript
- Homepage: https://air-pollution-europe-7576b1.netlify.app/
- Size: 4.49 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Air-Pollution-Metrics-React
# 📗 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 tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Author](#author)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖 Air-Pollution-Metrics-React
This is a web application that displays green-house gas emission data in Eurppean countries.
The application fetches real live data from the Air pollution API. The application allows users to interact with it by clicking on a specific country which will then display the gas stats for that country's capital.
See [video demo](https://www.loom.com/share/83eb646a05d242c4881b88d230f90273).
Client
- **Single Page App**
- **Search bar**
- **Gitflow**
- **REST APIs**
- Visit [live site](https://air-pollution-europe-7576b1.netlify.app/).
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A browser (e.g. Firefox)
- An IDE (e.g. [Vususal Studio Code](https://code.visualstudio.com/download))
- [npm](https://nodejs.org/en/)
### Setup
To clone this repository to your desired folder, follow the steps below:
**Using the command line**
- Use the following commands
```sh
cd my-folder
git clone https://github.com/Timbar09/Air-Pollution-Metrics-React.git
```
**Using GitHub Desktop app**
- Follow the steps below
- Visit this link "https://github.com/Timbar09/Air-Pollution-Metrics-React"
- Click the green button labelled "code"
- Select the "Open with GitHub Desktop" option
- After the GitHub Desktop add opens, click the "clone repo" button
### Install
Install this project's dependencies with the following command:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm run dev
```
### Run tests
To run tests, run the following command:
```sh
npm test
```
### Deployment
You can deploy this project by running following command:
```sh
npm run deploy
```
| 👤 Author | GitHub | Twitter | LinkedIn |
| :-- | :-- | :-- | :-- |
| Miles Mosweu | [@Timbar09](https://github.com/Timbar09) | [@Milez09](https://twitter.com/Milez09) | [@miles09](https://www.linkedin.com/in/miles09) |
- [ ] **Implement a desktop version.**
- [ ] **Implement more functionality.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Timbar09/React-Redux-Group-Project-Space-Travelers-Hub/issues).
If you like this project, give it a ⭐️ and let me know what you like in particular.
I would like to thank the whole Microverse community for their help and contributions towards this project.
I would also like to appreciate [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) for the design template and [Flaticon](https://www.flaticon.com/) for the home page hero-image and the flag icons.
This project is [MIT](./LICENSE) licensed.