This React "application" is a widget that displays weather information for three selected cities. It uses asynchronous API to fetch real-time weather data from open-meteo.com. Features include displaying the temperature, humidity, precipitation probability, wind speed, and wind direction.
- Dynamic weather updates: fetch and display real-time weather conditions.
- City selector: switch between three different cities to view related weather data.
- Responsive design: adaptive UI for mobile screens.
- Lazy loading: optimized image loading for weather icons.
To run this project, you'll need to have Node.js installed on your machine.
-
Clone the repository
git clone https://github.com/your-username/weather-dashboard.git cd weather-dashboard -
Install dependencies
npm install
-
Run
You can run in dev mode if you are developing using
npm run dev
For production you need to build and start:
npm run build
and then
npm start
The application will run on the default port :3000