Skip to content

Sarthak050205/weather-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App (React)

A dynamic Weather Application built using React that fetches real-time weather data using the OpenWeatherMap API.


🔗 Live Demo

https://weather-app-react-virid-three.vercel.app/


🚀 Features

  • Search weather by city name
  • Displays temperature, humidity, and wind speed
  • Real-time data using API integration
  • Error handling for invalid city names
  • Loading state during API calls
  • Clean and responsive UI

🛠️ Tech Stack

  • React (Vite)
  • JavaScript (ES6+)
  • HTML5 & CSS3
  • OpenWeatherMap API

📂 Project Structure

src/ ├── components/ │ ├── GetWeather.js │ ├── App.jsx ├── main.jsx


🧠 Key Concepts Used

  • API integration in React
  • Asynchronous JavaScript (fetch, async/await)
  • State management with hooks
  • Error handling and loading states
  • Component-based architecture

📚 What I Learned

  • Fetching and handling real-time API data
  • Managing application state effectively
  • Improving user experience with loading and error states
  • Structuring React applications properly

⚙️ Installation & Setup

git clone https://github.com/Sarthak050205/weather-app-react.git
cd weather-app-react
npm install
npm run dev

About

Weather App built with React using Open Weather Map API to fetch real-time weather data with search, error handling, and loading states.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors