Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gh-reza/weather-app

A weather application that provides information about the weather condition of any city in the world. Built with React and Redux
https://github.com/gh-reza/weather-app

bootstrap jest react redux-toolkit

Last synced: 17 days ago
JSON representation

A weather application that provides information about the weather condition of any city in the world. Built with React and Redux

Awesome Lists containing this project

README

        


WeatherAPP

# 📗 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)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 [WeatherAPP]

**WeatherAPP** is a project that allows users to see the weather of any city in the world. It is built with React and Redux.

## 🛠 Built With

### Tech Stack

Client


  • React

  • Redux

  • Webpack

  • Jest

### Key Features

- **Realtime weather info**
- **Search for any city in the world**
- **Responsive design**

(back to top)

## 🚀 Live Demo

Click [here](https://myweatherapp-zhqx.onrender.com/)

## Presentation

[Watch the video](https://drive.google.com/file/d/1XAuAjUFpYCKI71Z3PYgx02lVL-hKOGvq/view?usp=sharing)

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

- Visual Studio Code
- Node JS

### Setup

Clone this repository to your desired folder:

Example commands:

```sh
mkdir weather-app
cd weather-app
git clone https://github.com/Gh-Reza/weather-app.git
```

### Install

```
npm install
npm install jest-dom
```

(back to top)

### Usage

Initialize it with:

```
npm start
```

(back to top)

## 👥 Authors

👤 **Reza Merzaie**

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

(back to top)

## 🔭 Future Features

- [ ] **Add more weather info**

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

(back to top)

## 🙏 Acknowledgments

I would like to thanks Microverse for this learning opportunity and the weather API for providing the API.
And thanks to Nelson Sakwa for the design inspiration. You can find the original design [here](https://www.behance.net/sakwadesignstudio)

(back to top)

## 📝 License

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

(back to top)