Скачать или смотреть React Weather App with Live API | Multi-Language, Dark Mode, Responsive UI using MUI

Take a quick tour of my latest frontend project — Weather Forecast App built using React and Material UI (MUI).
This app is designed to deliver real-time weather data in a clean, modern, and responsive interface, supporting both Arabic (RTL) and English with full dark/light mode support.

📌 What does the app offer?
🔹 Current weather display
🔹 3-hour forecast for the next 5 days
🔹 Daily weather summary
🔹 City-to-city weather comparison
🔹 Multilingual support (EN/AR) with RTL handling
🔹 Dark/Light Mode toggle with theme customization
🔹 Loading Skeletons for smooth UX during API requests
🔹 Fully responsive design optimized for all screen sizes

📌 Built with:
🔹 React (Functional Components)
🔹 Material UI (MUI) — with full theme customization
🔹 OpenWeatherMap API (3 different endpoints)
🔹 ipwho.is — to detect user’s location
🔹 i18next + react-i18next for localization
🔹 i18n-iso-countries to convert country codes to full names
🔹 moment.js for localized date & time formatting
🔹 Axios for API requests
🔹 React Hooks: useState, useEffect, useContext, useMemo

🔗 Try it yourself:
🌐 Live Demo: https://sky.bilalabdulhadi.com
💻 GitHub Repo: https://github.com/bilalabdulhadii/re...

Feel free to explore the code, like, share, or drop a comment

#React #MaterialUI #FrontendDev #WebDevelopment #DevJourney
#Frontend #WeatherApp #MUI #OpenWeatherMap #i18next #RTL #WebDev #ReactJS