Weather-Application

Deployment: https://my-live-weather.n...

Github: https://github.com/A-Awad...

Overview:

- This project is a web application challenge from Frontend Mentor.

- It's a responsive weather application built with React.js that allows users to get current weather data from Open-Meteo API, based on their location or by searching for another location, as well as a detailed weather forecast and unit conversion.

Features:

- Detect the user's current location automatically after they allow the app to access their location, then display the associated weather information.

- Search for a specified location in the search bar and get its weather information

- View current weather conditions, including temperature, weather icon, and location details

- See additional weather metrics, including "feels like" temperature, humidity percentage, wind speed, and precipitation amounts

- Browse a 7-day weather forecast with daily high/low temperatures and weather icons

- View an hourly forecast showing temperature changes throughout the day

- Switch between different days of the week using the day selector in the hourly forecast section

- Toggle between Imperial and Metric measurement units via the units dropdown

- Switch between specific temperature units (Celsius and Fahrenheit) and measurement units for wind speed (km/h and mph) and precipitation (millimeters) via the units dropdown

- Fully responsive and optimized for all screen sizes: mobile, tablet, and desktop, following a mobile-first approach.

Stack and Technologies

- React

- Redux Toolkit

- TypeScript

- Sass (Scss)

- Vite

- ESLint

- REST APIs

- world-cities-json

- Mobile-First Design