Skip to content

The weather project was built using the real API from Weatherbit , in which the capitals of the countries are defined and their status (current temperature, last week's temperature and weather forecast for the coming days) can be seen, and Tehran city has been selected as a default.

Notifications You must be signed in to change notification settings

hosseinmahdiian/Weather-web

Repository files navigation

A responsive and bilingual weather application built with React, TypeScript, Material-UI, Tailwind CSS, and React Router Dom. The app fetches real-time weather data from the Weatherbit API and supports dark/light mode with i18n for multiple languages.


Features

  • 🌗 Dark and Light Mode toggle
  • 🌐 Bilingual support (English & Persian) using i18n
  • 📱 Fully responsive design for mobile, tablet, and desktop
  • 🖼️ Weather icons and dynamic backgrounds based on current conditions
  • ⚡ Fast and smooth user experience with React

Tech Stack

  • Frontend: React, TypeScript
  • Styling: Material-UI, Tailwind CSS
  • Routing: React Router Dom
  • Icons: React Icons
  • Internationalization: i18n (react-i18next)

API

Base API and API key for used


Installation & Usage

  1. Clone the repository
    git clone https://github.com/yourusername/weather-app.git cd weather-app

npm install

Images

  • Screenshot 2025-10-22 at 20 24 59
  • Screenshot 2025-10-22 at 20 25 05
  • Screenshot 2025-10-22 at 23 00 22

About

The weather project was built using the real API from Weatherbit , in which the capitals of the countries are defined and their status (current temperature, last week's temperature and weather forecast for the coming days) can be seen, and Tehran city has been selected as a default.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published