This project was a great opportunity to practice and apply many important modern web development tools and techniques, including:
React Hooks – I used useState, useEffect, useContext and custom hooks to manage component state and side effects in a clean, reusable way.
React Router – The app supports multi-page navigation for a smooth user experience, such as navigating between Home, Forecast, and Settings.
Local Storage – User preferences like temperature unit (Celsius / Fahrenheit) and location are saved using local storage, so they persist even after the user closes the browser.
Maps Integration – I integrated an interactive map to allow users to select a location and get real-time weather data.
MUI (Material UI) – The UI is fully responsive and styled with MUI, offering a clean, dark-mode interface with toggle buttons, cards, and grid layout.