Skip to content

Latest commit

 

History

History
49 lines (40 loc) · 1.85 KB

README.md

File metadata and controls

49 lines (40 loc) · 1.85 KB

WeatherApp

Welcome to WeatherApp, the ultimate weather forecasting app that provides real-time weather updates, detailed 24-hour forecasts, and a 5-day outlook. Perfect for planning your day and staying informed on weather conditions anywhere in the world.

Table of Contents

Features

  • Real-time weather updates for any location
  • 24-hour detailed forecast
  • 5-day weather outlook
  • Dynamic weather icons that change based on the time of day and conditions
  • User-friendly, responsive design optimized for both desktop and mobile devices
  • Error handling for incorrect location searches

Technologies Used

  • React.js: Frontend library for building the user interface
  • OpenWeatherMap API: Source of weather data
  • Swiper.js: For the carousel in the 24-hour forecast
  • CSS: Styling of components
  • ESLint: Ensuring code quality
  • Vercel: Deployment platform for hosting the application with ease
  • Axios: For handling HTTP requests

Installation

Prerequisites

  • Node.js and npm installed on your local machine.

Steps

  1. Clone the repository: 
    git clone https://github.com/behnam-nbt/weather-app.git
cd weather-app
npm install

Usage

  • Search: Enter the name of a city in the search bar to get the current weather and forecasts.
  • Navigation: Use the arrows to browse through the 24-hour forecast.
  • Icons: Observe how the icons dynamically change based on the time of day and weather conditions.

API Information

  • The app uses the OpenWeatherMap API to fetch weather data.
  • It includes endpoints for current weather, 24-hour forecast, and 5-day forecast.
  • Remember to respect API rate limits and secure your API key.