📗 Table of Contents

• 📖 About the Project
  • 🛠️ Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Metrics

Metrics is a single-page-application built with react and redux. It fetches air quality data for selected cities from an API and displays the cities with their corresponding air quality index (aqi) on the homepage. Clicking on a city on the homepage directs users to a details page which lists the concentration of the various pollutants. Project Presentation

🛠️ Built With

Tech Stack

Client

• React

Backend

• Air pollution API

Key Features

• Home page that displays cities with corresponding air quality index (aqi)
• Details page that displays concentration of pollutants
• Single Page Application
• Styled using CSS modules

(back to top)

🚀 Live Demo

• Metrics

(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:

• Node.js installed on your machine
• Text editor

Setup

Clone this repository to your desired folder:

git clone https://github.com/newhoteng/Metrics.git

Install

Install this project with:

npm install

(back to top)

👥 Authors

👤 Harriet Oteng

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Add svg maps
• Explore other monochromatic color schemes

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

(back to top)

⭐ Show your support

If you like this project follow me on GitHub.

(back to top)

🙏 Acknowledgements

• Original design idea by Nelson Sakwa on Behance.
• Thanks to Microverse for encouraging me to do this project.

(back to top)

📝 License

License

(back to top)