Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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.