iamdipankarpaul / weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

Weather App

A simple and user-friendly weather app built with React.js, providing current weather data, hourly forecasts, and daily forecasts using data from the OpenWeatherMap API and Open-Meteo API.

Features

• Current Weather Data: Displays the current weather conditions for a searched city.
• Hourly Forecast: Provides weather data for the next 24 hours.
• Daily Forecast: Shows weather data for the upcoming days.
• Current Location Weather: Shows weather data for the current location.
• Location Details: Shows the details of the current location and a map.

Technologies Used

• React.js: A JavaScript library for building user interfaces.
• OpenWeatherMap API: Provides current weather data and forecasts.
• Open-Meteo API: Offers precise weather forecasts.
• Tailwind CSS: A utility-first CSS framework.
• DaisyUI: The popular component library for Tailwind CSS.
• Axios: Promise based HTTP client library.

Usage

1. Search for a City: Enter the name of the city you want to get the weather information for in the search bar.
2. View Weather Data: The app will display the current weather, hourly forecast, and daily forecast for the searched city.

Acknowledgements

• OpenWeatherMap API
• Open-Meteo API

Contact

If you have any questions, feel free to contact me at Dipankar Paul.