Go back to projects

Weather App

A React-based weather application with real-time data fetching and responsive design.

FrameworkReact.js
CSSCSS
DeploymentGitHub Pages
View Source CodeLive Demo
Weather App

📋 Overview

A modern weather application built with React.js that provides real-time weather information using REST API integration. The app demonstrates React fundamentals, state management, and API handling.

✨ Features

  • Real-time weather data
  • Location-based weather search
  • 5-day weather forecast
  • Responsive design
  • Loading states and error handling
  • Clean and intuitive UI
  • Temperature unit conversion

🛠️ Technologies Used

React.jsCSS3Weather APIAxiosJavaScript ES6+

📋 Prerequisites

  • Node.js (v18+)
  • npm or yarn
  • Weather API key

🚀 Getting Started

Clone the repository

git clone https://github.com/Ahmed-Alabadla/weather-app.git
cd weather-app

Install dependencies

npm install

Run the development server

npm start

💡 Usage

Enter a city name to get current weather conditions and forecast. The app uses OpenWeather API for data.

🚀 Deployment

  1. Build the project: npm run build
  2. Deploy to GitHub Pages: npm run deploy