Weather App

About The Project

The Weather App is a modern and fully responsive React application that provides real-time weather updates using the OpenWeather API. Users can search for weather conditions by location and get accurate current weather details, including temperature, humidity, and wind speed. The app also offers a weather forecast feature, allowing users to plan ahead with upcoming weather predictions. With support for both Celsius and Fahrenheit, users can easily switch between temperature units. Designed with a sleek UI, the app includes dark mode and light mode options for a comfortable viewing experience. Whether on a desktop, tablet, or mobile device, this Weather App ensures smooth performance and an intuitive user experience.

Live Demo

Used Technologies

• React

• Openweathermap api

• SCSS

• HTML + CSS

• Bootstrap

• Bootstrap icons

• Slick Slider

Application Features

1. Current Weather – Display real-time weather conditions (temperature, humidity, wind speed, etc.).

2. Search by Location – Allow users to search for weather details of any city or region.

3. Weather Forecast – Show 5 Day / 3 Hour Forecast

4. Temperature Units – Support for Celsius & Fahrenheit.

5. Fully Responsive Design - Optimized for desktops, tablets, and mobile devices, ensuring a flawless user experience on any screen size.

6. Dark Mode & Light Mode – Theme switching for better visibility.

7. Bootstrap-Powered - Leveraging the power of Bootstrap, this landing page offers a clean, grid-based layout with pre-built components for faster development and consistent performance.