City-Based Weather Forecast Application with React

Short Description

In this project, I developed a simple forecast application using React that displays city-based weather data.

Problem

I wanted to quickly search for a city and see a few days of weather forecasts on a single screen. I addressed the need to gather not just the current temperature, but also more detailed daily data in a clean interface.

Solution

I set up the application with a Vite-based React structure and fetched data from WeatherAPI using Axios. I retrieved 4-day forecast data based on the entered city name and listed it in cards, displaying a "city not found" message in case of an error. Additionally, I added a detail panel to toggle the display of fields like temperature, humidity, rain, and snow probability.

Result

The result is a React example that is easy to set up, runs on a single page, and clearly demonstrates the basic forecast workflow. I've consolidated API consumption, state management, and conditional UI rendering into a small project.

Technologies

React, JavaScript, Vite, Axios, Bootstrap, CSS, WeatherAPI

Installation