https://github.com/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.
https://github.com/iamdipankarpaul/weather-app-react

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 6 days ago
JSON representation

🌤️ 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.

• Host: GitHub
• URL: https://github.com/iamdipankarpaul/weather-app-react
• Owner: iamdipankarpaul
• Created: 2024-05-28T18:21:42.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-06-25T06:44:38.000Z (3 months ago)
• Last Synced: 2024-09-23T01:30:55.277Z (10 days ago)
• Topics: axios, daisyui, eslint, javascript, mantine-hooks, openmeteo-api, openweathermap-api, postcss, react, reacthottoast, tailwindcss, vite, weather, weather-app
• Language: JavaScript
• Homepage: https://weatherwise-react.vercel.app/
• Size: 282 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://openweathermap.org/api)

- [Open-Meteo API](https://open-meteo.com/)

## Contact

If you have any questions, feel free to contact me at [Dipankar Paul](https://www.linkedin.com/in/iamdipankarpaul/).