https://github.com/hafiz1379/react-capstone-project
This application provides current, forecast and historical air pollution data for majority countries. You can check the pollution index of your country by simply scrolling or searching for it using the search bar and clicking on it to show more details. This application is built with React.js and Redux.
https://github.com/hafiz1379/react-capstone-project
api html javascript reactjs redux tailwindcss testing
Last synced: 9 months ago
JSON representation
This application provides current, forecast and historical air pollution data for majority countries. You can check the pollution index of your country by simply scrolling or searching for it using the search bar and clicking on it to show more details. This application is built with React.js and Redux.
- Host: GitHub
- URL: https://github.com/hafiz1379/react-capstone-project
- Owner: hafiz1379
- License: mit
- Created: 2023-09-01T05:21:14.000Z (almost 3 years ago)
- Default Branch: Develop
- Last Pushed: 2025-06-15T04:51:52.000Z (about 1 year ago)
- Last Synced: 2025-06-15T05:44:33.227Z (about 1 year ago)
- Topics: api, html, javascript, reactjs, redux, tailwindcss, testing
- Language: JavaScript
- Homepage:
- Size: 370 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Air Pollution Tracker
# 📗 Table of Contents
- [� Table of Contents](#-table-of-contents)
- [📖 Portfolio Desktop Version ](#-portfolio-desktop-version-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
> This Air Pollution Tracker project using HTML, CSS, Tailwind, JavaScript and React.
1- ✅ **HTML**
2- ✅ **CSS**
3- ✅ **JaveScript**
4- ✅ **React**
5- ✅ **Tailwind**
6- ✅ **Webpack**
7- ✅ **Linters**
8- ✅ **Testing**
### Tech Stack
- [Live Demo](https://react-capstone-project-g3s8.onrender.com)
>
Client
- **Real-time Data: Get up-to-date air quality information for all countries, including essential pollutants such as Carbon Monoxide (CO), Nitric Oxide (NO), Nitrogen Dioxide (NO2), Ozone (O3), Sulfur Dioxide (SO2), Fine Particulate Matter (PM2.5), Coarse Particulate Matter (PM10), and Ammonia (NH3).**
- **Responsive Design: Enjoy a seamless user experience on various devices, including smartphones, tablets, and desktops, thanks to the app's responsive design.**
- **Navigate the app effortlessly with an intuitive and user-friendly interface that presents air quality data in a clear and organized manner.**
>
### Prerequisites
In order to run this project you need:
1. Web browser.
2. Code editor.
3. Git-smc.
### Setup
Clone this repository to your desired folder:
Run this command:
```sh
cd my-folder
git clone https://github.com/hafiz1379/react-capstone-project.git
### Install
Install this project with:
Run command:
```sh
cd my-project
npm install
```
Hafizullah Rasa
👤 **Hafizullah Rasa**
- GitHub: [@githubhandle](https://github.com/hafiz1379)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/hafizullah-rasa-8436a1257/)
- Creating all the remaining sites
- Adding more functionality
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project just give it a star.
- I would like to thank Microverse for giving me the opportunity to learn and grow as a developer.
- Thanks to [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) the [author of the original design] Under the [Creative Commons License](https://creativecommons.org/licenses/by-nc/4.0/)
This project is [MIT](./LICENSE) licensed.