Skip to content

deepak-05dktopG/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

β›… Weather App

🌍 A clean and responsive Weather App that shows real-time weather conditions using the OpenWeatherMap API.
Designed to provide current weather data with a beautiful UI, perfect for quick daily updates!

🌐 Live Demo


πŸš€ Tech Stack

  • Frontend: βš›οΈ React.js, 🌐 HTML5, πŸ’‘ JavaScript
  • Styling: πŸ’Ž Bootstrap, 🎨 CSS3
  • API: 🌦️ OpenWeatherMap API
  • Deployment: β–² Netlify

✨ Features

  • πŸ“ Search weather by city name
  • 🌑️ Displays temperature, humidity, wind speed, and conditions
  • πŸ–ΌοΈ Weather icons and background changes based on condition
  • πŸ“± Responsive UI for mobile and desktop
  • πŸ”„ Real-time weather updates via API

πŸ› οΈ Getting Started

  1. 🧬 Clone the repository:
    https://github.com/deepak-05dktopG/Weather-App.git
  2. πŸ› οΈ Install dependencies:
    npm install
  3. πŸ”‘ Get your OpenWeatherMap API key:
    https://openweathermap.org/api
  4. πŸ”§ Add your API key in `.env` file:
    REACT_APP_WEATHER_API_KEY=your_api_key_here
  5. ▢️ Start the app:
    npm start

πŸ“¬ Contact


⭐ If you found this app useful, give it a star on GitHub and share it with your network!
Contributions, suggestions, and feedback are welcome πŸ™Œ

About

🌦️ A sleek and responsive Weather App built with React.js that fetches real-time weather data using the OpenWeatherMap API. Users can search for any city to get temperature, humidity, conditions, and more β€” beautifully displayed with dynamic icons and styling. Perfect for learning API integration and React UI design!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors