{"id":17813767,"url":"https://github.com/hafiz1379/react-capstone-project","last_synced_at":"2025-09-20T22:31:13.851Z","repository":{"id":191993578,"uuid":"685826484","full_name":"hafiz1379/react-capstone-project","owner":"hafiz1379","description":"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.","archived":false,"fork":false,"pushed_at":"2025-06-15T04:51:52.000Z","size":379,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"Develop","last_synced_at":"2025-06-15T05:44:33.227Z","etag":null,"topics":["api","html","javascript","reactjs","redux","tailwindcss","testing"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hafiz1379.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-09-01T05:21:14.000Z","updated_at":"2025-06-15T04:51:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"f6f6eb49-cc0f-4ea3-bcb2-0249533ce01b","html_url":"https://github.com/hafiz1379/react-capstone-project","commit_stats":null,"previous_names":["hafiz1379/react-capstone-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hafiz1379/react-capstone-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hafiz1379%2Freact-capstone-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hafiz1379%2Freact-capstone-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hafiz1379%2Freact-capstone-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hafiz1379%2Freact-capstone-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hafiz1379","download_url":"https://codeload.github.com/hafiz1379/react-capstone-project/tar.gz/refs/heads/Develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hafiz1379%2Freact-capstone-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276169305,"owners_count":25596952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-20T02:00:10.207Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","html","javascript","reactjs","redux","tailwindcss","testing"],"created_at":"2024-10-27T16:04:00.133Z","updated_at":"2025-09-20T22:31:13.839Z","avatar_url":"https://github.com/hafiz1379.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\n\n\u003cdiv align=\"center\"\u003e\n  \n  \n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eAir Pollution Tracker\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [� Table of Contents](#-table-of-contents)\n- [📖 Portfolio Desktop Version ](#-portfolio-desktop-version-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🚀 Live Demo ](#-live-demo-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Air Pollution Tracker \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e This Air Pollution Tracker project using HTML, CSS, Tailwind, JavaScript and React.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n1- ✅ **HTML**\n2- ✅ **CSS**\n3- ✅ **JaveScript**\n4- ✅ **React**\n5- ✅ **Tailwind**\n6- ✅ **Webpack**\n7- ✅ **Linters**\n8- ✅ **Testing**\n\n\n\u003c!-- - No live demo available yet --\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\n- [Live Demo](https://react-capstone-project-g3s8.onrender.com)\n\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.spec.whatwg.org/multipage//\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3.org/TR/CSS/#css/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **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).**\n- **Responsive Design: Enjoy a seamless user experience on various devices, including smartphones, tablets, and desktops, thanks to the app's responsive design.**\n- **Navigate the app effortlessly with an intuitive and user-friendly interface that presents air quality data in a clear and organized manner.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\u003e\n\n### Prerequisites\n\nIn order to run this project you need:\n\n1. Web browser.\n2. Code editor.\n3. Git-smc.\n\n### Setup\n\nClone this repository to your desired folder:\n\nRun this command:\n\n```sh\n  cd my-folder\n  git clone https://github.com/hafiz1379/react-capstone-project.git\n\n### Install\n\nInstall this project with:\n\nRun command:\n\n```sh\n  cd my-project\n  npm install\n```\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\nHafizullah Rasa\n\n👤 **Hafizullah Rasa**\n\n- GitHub: [@githubhandle](https://github.com/hafiz1379)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/hafizullah-rasa-8436a1257/)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Creating all the remaining sites \n- Adding more functionality\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project just give it a star.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n- I would like to thank Microverse for giving me the opportunity to learn and grow as a developer.\n\n- 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/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhafiz1379%2Freact-capstone-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhafiz1379%2Freact-capstone-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhafiz1379%2Freact-capstone-project/lists"}