Skip to content

ahmedjk34/weather-app

Repository files navigation

Basic Idea

A weather application where users can search for and view real-time weather data, including temperature, humidity, wind speed, and forecasts. The app will allow users to input a city name or use their current location to get weather details. Data will be fetched from the OpenWeatherAPI, providing accurate and up-to-date weather conditions, forecasts, and additional metrics like chance of rain and humidity.

Screenshot 2024-09-25 165625

Tech Used

  • NextJS & Typescript for creating dynamic, responsive user interfaces.
  • OpenWeatherAPI for fetching real-time weather data, forecasts, and additional weather-related information.
  • SASS for clean, scalable, and modular styling.
  • Fetch API for making API requests and handling responses.
  • Moment.js for formatting date and time data.

Features

  • Search Weather by City: Allows users to enter a city name and get real-time weather data and forecasts, with autocomplete suggestions.
  • Future Forecast: Displays a 2-to-5 day weather forecast including highs, lows, and weather conditions for each day.
  • Weather Metrics: Shows additional data like humidity, wind speed and chance of rain
  • Unit Conversion: Allows users to toggle between Celsius and Fahrenheit.
  • Responsive Design: Optimized for mobile, tablet, and desktop viewing.