Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tugsem/air-pollution
A (SPA) web application created with Air Pollution Api, users can check levels of the cities, filter them via dropdown menu and see the details per city on the new page. Created with React/Redux, Html and CSS
https://github.com/tugsem/air-pollution
javascript react
Last synced: 5 days ago
JSON representation
A (SPA) web application created with Air Pollution Api, users can check levels of the cities, filter them via dropdown menu and see the details per city on the new page. Created with React/Redux, Html and CSS
- Host: GitHub
- URL: https://github.com/tugsem/air-pollution
- Owner: tugsem
- Created: 2022-06-21T14:00:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-18T13:52:25.000Z (9 months ago)
- Last Synced: 2024-12-17T16:35:23.477Z (27 days ago)
- Topics: javascript, react
- Language: JavaScript
- Homepage: https://air-pollution-production.up.railway.app/
- Size: 395 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# Air Pollution App
> A (SPA) web application created with Air Pollution Api, users can check levels of the cities, filter them via dropdown menu and see the details per city on the new page.
## Built With
- React
- Redux
- VsCode
- Bootstrap
- Air pollution Api## Live Demo
[Click Here](https://air-pollution-production.up.railway.app/)
## Video Link
- https://www.loom.com/share/dbe060df740346ec9e9bcd7c4e4cd3dd
## Getting Started
To get a local copy up and running follow these simple example steps:
### Prerequisites
- You need to have current Node version installed.
### Setup
- Copy the clone address of the repo or download as a zip into your local folder.
`git clone https://github.com/tugsem/air-pollution.git`
`cd air-pollution`
### Install
- Install npm:
`npm install`## Test
- To run the tests do:
`npm test`### Usage
- To get project open and running in your browser run `npm start` command which will start react application.
## Authors
👤 **Tuğsem Saranlı**
- GitHub: [@githubhandle](https://github.com/tugsem)
- Twitter: [@twitterhandle](https://twitter.com/TugsemSaranli)
- LinkedIn: [LinkedIn](www.linkedin.com/in/tugsem)## Show your support
Give a ⭐️ if you like this project!
## Acknowledgements
- Original design idea by Nelson Sakwa on Behance.