{"id":21056435,"url":"https://github.com/rileymanda/air-quality","last_synced_at":"2026-05-05T17:31:47.608Z","repository":{"id":187434967,"uuid":"675326569","full_name":"RileyManda/air-quality","owner":"RileyManda","description":"Air-quality is a React full stack web-app that displays numeric air-quality data from various weather stations.","archived":false,"fork":false,"pushed_at":"2023-08-24T15:54:52.000Z","size":5709,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-11-04T02:33:22.898Z","etag":null,"topics":["axios","react-bootstrap","react-jest","react-testing-library","reactjs","redux-tookit","styled-components"],"latest_commit_sha":null,"homepage":"https://air-quality-e96p.onrender.com","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/RileyManda.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}},"created_at":"2023-08-06T14:57:03.000Z","updated_at":"2023-10-31T05:53:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"58d510b2-203c-4638-a898-60d9b3648b12","html_url":"https://github.com/RileyManda/air-quality","commit_stats":null,"previous_names":["rileymanda/air-quality"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RileyManda/air-quality","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fair-quality","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fair-quality/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fair-quality/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fair-quality/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RileyManda","download_url":"https://codeload.github.com/RileyManda/air-quality/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fair-quality/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32660188,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["axios","react-bootstrap","react-jest","react-testing-library","reactjs","redux-tookit","styled-components"],"created_at":"2024-11-19T16:50:55.724Z","updated_at":"2026-05-05T17:31:47.558Z","avatar_url":"https://github.com/RileyManda.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"app-logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eAir Quality\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- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n    - [🚀 Live Demo](#live-demo)\n    - [🚀 Project Presentation](#project-presentation)\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](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 Attribution](#attribution)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Air-quality \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nAir-quality is a full stack app that displays numeric air-quality data from various weather stations.The applications gets data from the api using axios and updates its states using redux-toolkit.Ths application was developed with quality and responsiveness in mind using react test library for TDD and react-boostrap for the ui.\n \u003cimg src=\"app-screenshot.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cimg src=\"detail-screenshot.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\n\u003cdetails\u003e\n  \u003csummary\u003eReact\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://react.dev/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eRedux\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://redux.js.org/\"\u003eRedux-toolkit\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eNode js\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://nodejs.org/en\"\u003eRedux-toolkit\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eAxios\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://axios-http.com/\"\u003eAxios\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n \u003cdetails\u003e\n  \u003csummary\u003eAPI\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://api.openaq.org/\"\u003eOpen AQ API\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n \u003cdetails\u003e\n  \u003csummary\u003eReact Bootstrap\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://react-bootstrap.github.io/\"\u003eReact Bootstrap\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n \u003cdetails\u003e\n  \u003csummary\u003eReact Testing Library\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://testing-library.com/docs/react-testing-library/intro/\"\u003eReact Bootstrap\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n## 🛠 Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n### Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n**Home Page:Display Air Quality Data**\n**Details Page:Display Air Quality Data details**\n**Filter:Filter data based on keywords**\n\n\u003cp align=\"right\"\u003e\n(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n ## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo](https://air-quality-e96p.onrender.com)\n\n## 🚀 Project Presentation \u003ca name=\"project-presentation\"\u003e\u003c/a\u003e\n\n- [Project Presentation ](https://www.loom.com/share/a0e8aafa6cdf45a9a7a0e07eac834d92?sid=fc3729f8-0efd-439c-a260-7991e9cddd6c)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n\n### Setup\n\nClone this repository to your desired folder:\n\n\n```sh\ncd my-folder\ngit clone https://github.com/RileyManda/air-quality.git\n```\n\n\n### Install\n\nInstall this project with:\n\n\n```sh\n  cd my-project\n  npm i\n```\n\n\n### Usage\n\nTo run the project, execute the following command:\n\n\n```sh\n  npm start\n```\n\n\n### Run tests\n\nTo run tests, run the following command:\n\n```sh\n  npm test\n```\n\n\n### Deployment\n\nYou can deploy this project using:\n    \n```sh\n    npm run build\n```\n ```sh\n    gh-pages deploy --dist build\n```\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **RileyManda**\n\n- GitHub: [@RileyManda](https://github.com/RileyManda)\n- Twitter: [@rilecodez](https://twitter.com/rileycodez)\n- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)\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- [ ] **[Search and filter by city]**\n\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](https://github.com/RileyManda/Air-quality/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\u003c!-- SUPPORT --\u003e\n## \u003cb\u003eShow your support 🌟\u003c/b\u003e\u003ca name=\"support\"\u003e\u003c/a\u003e\n\nThank you for taking the time to explore this project! Your support means a lot to me. If you find my project valuable and would like to contribute, here is one way you can support me:\n\n - \u003cb\u003eStar the project ⭐️\u003c/b\u003e: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.\n\n - \u003cb\u003eFork the project 🍴 🎣\u003c/b\u003e: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.\n\n - \u003cb\u003eShare with others 🗺️\u003c/b\u003e: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.\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\nI would like to express my sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and collaborators. Your unwavering support, feedback, and collaborative efforts have played an immense role in making this journey a resounding success. I am truly grateful for your contributions and for being an integral part of my achievements.\nI would like to also send out special thanks to [Nelson Sakwa\n](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)) for the original Ux design that inspired this project.\nThank you for your continued support.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Question_1**\n\n  Do I have to use the vs code specifically?\n\n  - Answer_1\n\n    You can use any code editor of your choice. \u003cbr\u003e\n\n- **Question_2**\n\n  Where can I download node JS for installation?\n\n  - Answer_2\n\n  Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.\n  It can be downloaded [here](https://nodejs.org/en).\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ATTRIBUTION --\u003e\n\n## 👥 Attribution \u003ca name=\"attribution\"\u003e\u003c/a\u003e\n- This project is based on the Original design by: [Nelson Sakwa\n](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs))\n- Original logo design from: [Svgrepo](https://www.svgrepo.com/)\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\n[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fair-quality","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frileymanda%2Fair-quality","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fair-quality/lists"}