https://github.com/gauravooo2/weather-forecast-web-application

https://github.com/gauravooo2/weather-forecast-web-application

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gauravooo2/weather-forecast-web-application
• Owner: GauravOOO2
• Created: 2024-04-11T18:00:39.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-14T10:40:25.000Z (7 months ago)
• Last Synced: 2024-04-14T13:20:12.771Z (7 months ago)
• Language: JavaScript
• Size: 216 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Project Title

An Active A seemingly real-time program that offers global real-time data.

## Documentation

Introducing My project, a painstakingly designed weather application that utilizes state-of-the-art technologies. With the help of Tailwind CSS, React.js, and the sophisticated Meterial UI toolkit, it provides a flawless weather experience.✨ I also use Redux integration to handle states, React Hook for seamless theme transitions and a flexible Table menu, and OpenCloud APIs to power clever locations autocomplete suggestions.

## Features

- Current Weather Conditions: Provides access to current weather conditions, including temperature, precipitation, wind speed, UV index, and more.

- Forecast: Access a 24-hour forecast at your fingertips.

- Command Menu: Toggle the command menu with a keyboard shortcut (Shortcut: Command+J) for quick access to search functionality.

- Seamless Theme Transitions: Switch between themes (Shortcut: T) effortlessly thanks to React Hooks, ensuring a visually pleasing and accessible interface.

- Interactive Map: Navigate a dynamic map with customizable tiles, including temperature (°C), precipitation intensity (mm/s), wind speed and direction (m/s), relative humidity (%), cloudiness (%), and atmospheric pressure (hPa).

## API Reference 

 - [Open Weather APIs](https://openweathermap.org/)

 - [https://openweathermap.org/current](https://openweathermap.org/current)

 - [Cities Data ](https://public.opendatasoft.com/explore/dataset/geonames-all-cities-with-a-population-1000/api/?disjunctive.cou_name_en&sort=name)

## 🔥 Clone this Repository

You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.

```bash

  git clone "https://github.com/GauravOOO2/Weather-Forecast-Web-Application.git"

```

Go to the project directory

```bash

  cd Weather-Forecast-Web-Application

```

Install React dependencies

```bash

  npm install

```

Run the React app following this commands

```bash

  npm start

```