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.
- 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.
- 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
- Clone the repository
git clone https://github.com/Chakri2759/React-Weather-App.git cd React-Weather-App - Install dependencies:
npm install
- 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>
- Start development server:
npm start
- Open your browser at http://localhost:3000.