A forecast application with a simple interface built with React, Vite, and Axios, displaying city-based 4-day weather forecasts with detailed data.
Category
Frontend
Status
Completed
GitHub Stats
Created
Sep 18, 2023
Last Updated
Sep 19, 2023
In this project, I developed a simple forecast application using React that displays city-based weather data.
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.
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.
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.
React, JavaScript, Vite, Axios, Bootstrap, CSS, WeatherAPI