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.

Stars
0
Committers
2
View Code on GitHub Visit Website
Ecosystems: PostCSS, ESLint, React, Vite, Tailwind CSS, JavaScript

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

Contact

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