https://github.com/cobbyelsonfx/metrics-webapp

Metrics Webapp This React capstone project is about web application to check a list of metrics from the Open Weather Api that allows you to access the air quality content in a specific country
https://github.com/cobbyelsonfx/metrics-webapp

reactjs redux scss

Last synced: 8 days ago
JSON representation

Metrics Webapp This React capstone project is about web application to check a list of metrics from the Open Weather Api that allows you to access the air quality content in a specific country

• Host: GitHub
• URL: https://github.com/cobbyelsonfx/metrics-webapp
• Owner: CobbyElsonfx
• Created: 2023-09-19T18:59:12.000Z (over 1 year ago)
• Default Branch: development
• Last Pushed: 2023-10-19T22:21:20.000Z (over 1 year ago)
• Last Synced: 2025-02-18T01:30:40.536Z (3 months ago)
• Topics: reactjs, redux, scss
• Language: JavaScript
• Homepage:
• Size: 1.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

    - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

 - [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 About the Project 

**Metrics Webapp** This React capstone project is about  web application to check a list of metrics from the Open Weather Api that allows you to access the air quality content in a specific country

## 🛠 Built With 

### Tech Stack 

  Client

  


    
CSS

    
React

  


### Key Features 

- **Access real life data about each countries air pollution**

- **Check the air pollution metrics for each country**

(back to top)


🚀 Live Demo

Link to  deployed project -[BQA - Breath Quality Air](https://bqabreatqualityair.onrender.com)

💽 Live Video

-[Live Video](https://watch.screencastify.com/v/yjkQFEA4usWkhCBoH6xh)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- An IDE (ex: VS Code)

- Github account

### Setup

Clone this repository to your desired folder:

```sh

  cd project-folder

  git clone https://github.com/CobbyElsonfx/metrics-webapp.git

```

### Deployment

You can deploy this project using -[Render](https://render.com/):

Render is a unified cloud to build and run all your apps and websites with free TLS certificates,

a global CDN, DDoS protection, private networks, and auto deploys from Git.

(back to top)


## 👥 Authors 

👤 **Francis Andoh**

- GitHub: [@CobbyElsonfx](https://github.com/CobbyElsonfx)

- LinkedIn: [@FrancisAndoh](https://www.linkedin.com/in/francis-andoh-133aa7245/)

(back to top)


## 🔭 Future Features 

- [ ] **More animation**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project and wish to collaborate. Please contact me.

(back to top)


## 🙏  Acknowledgments 

The design idea is originally designed by **👤Nelson Sakwa in Behance**

## ❓ FAQ 

- **Is it responsive?**

  - Yes,it works both on mobile and desktop screens.

(back to top)


## 📝 License 

This project is [MIT](./MIT.md) licensed.

(back to top)