https://github.com/rupeshkmrshah/weatherforecastapp

This React-based app allows you to search for any city and instantly retrieve weather information, including temperature, humidity, wind speed, and more.☀️🌧️❄️
https://github.com/rupeshkmrshah/weatherforecastapp

Last synced: about 2 months ago
JSON representation

This React-based app allows you to search for any city and instantly retrieve weather information, including temperature, humidity, wind speed, and more.☀️🌧️❄️

• Host: GitHub
• URL: https://github.com/rupeshkmrshah/weatherforecastapp
• Owner: rupeshkmrshah
• Created: 2024-05-17T12:43:18.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-17T13:09:09.000Z (8 months ago)
• Last Synced: 2024-05-18T14:05:28.009Z (8 months ago)
• Language: JavaScript
• Homepage: https://weather-forecast-engine.netlify.app/
• Size: 54.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Weather App🌤🌤

This React-based app allows you to search for any city and instantly retrieve weather information, including temperature, humidity, wind speed, and more.☀️🌧️❄️

Live Demo [here](https://weather-forecast-engine.netlify.app/).

## Instructions

First clone this repository.

```bash

$ git clone https://github.com/rupeshkmrshah/WeatherForecastApp.git

```

Install dependencies. Make sure you already have [`nodejs`](https://nodejs.org/en/) & [`npm`](https://www.npmjs.com/) installed in your system.

```bash

$ npm install

```

Run it

```bash

$ npm start 

```

## Built with

- Reactjs

- React Hooks

- Display API Data Using Axios with React

- [API](https://openweathermap.org/api)

- React | [Font Awesome](https://fontawesome.com/how-to-use/on-the-web/using-with/react)

- React Font Awesome [NPM Package](https://www.npmjs.com/package/@fortawesome/react-fontawesome)

- React loader [spinner](https://www.npmjs.com/package/react-loader-spinner)

- React Loader [Circles](https://mhnpd.github.io/react-loader-spinner/docs/components/circles)