ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

React Weather App with Live API | Multi-Language, Dark Mode, Responsive UI using MUI

Автор: Bilal Abdulhadi

Загружено: 2025-07-05

Просмотров: 22

Описание: 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

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
React Weather App with Live API  | Multi-Language, Dark Mode, Responsive UI using MUI

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]