Weather Widget - React

A simple weather app widget built with React, inspired by Figma design.

🌐 Live Demo

Check out the live demo here: Weather Widget Live

🌦️ Features

• Displays simulated current weather data with temperature and condition
• Hourly forecast preview for the next few hours
• City selection menu in the header — switch between cities to view their weather
• Additional details: RealFeel, humidity, wind force, pressure, sunrise & sunset
• Responsive design for desktop and mobile

🚀 Getting Started

Prerequisites

Make sure you have:

• Node.js
• npm or yarn

Installation

Clone the repository and install dependencies:

git clone https://github.com/vikspan/CL_WeatherApp
cd CL_WeatherApp
npm install
or
yarn install

Run locally

npm start

Then open your browser and visit: http://localhost:3001

Build for Production

npm run build

The production-ready files will be generated in the docs/ folder, which can be deployed to GitHub Pages.

Design

Design source: Figma design Thanks to the designer for sharing the concept!