[go: nahoru, domu]

Skip to content

A weather forecasting application that utilizes OpenWeather's open-source APIs to deliver real-time weather updates tailored to the user's designated location. The information is presented through a user-friendly interface built with React, Redux, Material UI, and Tailwind CSS.

Notifications You must be signed in to change notification settings

GauravOOO2/Weather-Forecast-Web-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

🔥 Clone this Repository

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

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

Go to the project directory

  cd Weather-Forecast-Web-Application

Install React dependencies

  npm install

Run the React app following this commands

  npm start

About

A weather forecasting application that utilizes OpenWeather's open-source APIs to deliver real-time weather updates tailored to the user's designated location. The information is presented through a user-friendly interface built with React, Redux, Material UI, and Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published