README.md

Microverse README Template

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 📹 Video Description
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
• 👤 Author
• • 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 Climate App

Climate App is an environmental-social app, making climate action easy, fun & social - leveraging positive peer pressure to create a movement of action to protect our planet from climate collapse by creating awareness about imminent air information.

🛠 Built With

Tech Stack

Client

• React.js
• Redux and Redux Toolkit
• Google Icons

Key Features

• Country Air Pollution Info: Display Respective country air pollution index and other informations.
• Filter by category: The User can control the information displayed on the home page by choosing a specific category.
• More Details About Air Position: Navigate to a Country details page to see more info.
• Navigating Back to the home page: The user can use the top left button in the navigation bar to navigate back to the home page from the details page.

(back to top)

📹 Video Description

• Watch me explaining some of the app features.

(back to top)

🚀 Live Demo

• Experince a live demo.

	Mobile version	Desktop version

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

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• node should be installed in your local machine, node website.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Setup

Clone this repository to your desired folder:

  git clone https://github.com/AdnanOlarmmi/Climate-App.git

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd Climate-App

Install

To install all dependencies, run:

  npm install

Usage

After Cloning this repo to your local machine. To get it running on your default browser and local host, run:

  npm start

Run tests

To run tests, run:

  npm test

Deployment

You can deploy this project using, Netlify:

• I used Netlify to delpoy the project.
• For more information, check Netlify website.

(back to top)

👤 Author

👤 Is-haq, Adnan Olamilekan

• GitHub: @AdnanOlarmmi
• Twitter: @AdnanIshaqOla
• LinkedIn: Adnan (Olamilekan) Is-haq

(back to top)

🔭 Future Features

• Enable Search Feature
• Add deographical map for each country
• Make the details more graphical(Like Barchart or Histogram)

(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 please give it a Start ⭐️.

(back to top)

🙏 Acknowledgments

I would like to thank:

• Nelson Sakwa for the website design system that inspired my design.
• OpenWeatherApi for the amazing API.

(back to top)

❓ FAQ

• Can I Fork it and Imporove on it

  • Yes, You can, feel free.

• Does the API respond always

  • Not really. Sometimes, there's excessive call to the API, this affects the API call by returning error 429. If such happens, you can check the console for confirmation.

(back to top)

📝 License

This project is MIT licensed.

(back to top)