Skip to content

Chakri2759/React-Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Weather App 🌦️

A modern weather dashboard built with React, allowing users to search by city (or use geolocation) and view current weather conditions. Designed for clarity and ease-of-use.


📌 Features

  • Search for any city worldwide to retrieve current weather conditions.
  • Displays temperature, humidity, wind speed, weather description, and an icon.
  • Error handling for invalid or failed searches.
  • Responsive design compatible with desktops and mobile devices.

🧩 Technologies Used

  • React.js (functional components + hooks)
  • Axios or Fetch API for HTTP requests
  • CSS3 (optionally with UI libraries like Tailwind, Chakra or Material‑UI)
  • OpenWeatherMap API

🚀 Installation & Running Locally

  1. Clone the repository
    git clone https://github.com/Chakri2759/React-Weather-App.git
    cd React-Weather-App
  2. Install dependencies:
    npm install
  3. Configure API Key Register for OpenWeatherMap (or your chosen provider). Create a .env file in the root
    REACT_APP_WEATHER_API_KEY=<YOUR_API_KEY>
  4. Start development server:
    npm start
  5. Open your browser at http://localhost:3000.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors