Skip to content

dina-the-developer/react-weather-forecast-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecast App

This project is a Weather Forecast App designed to display the next 7 days of weather forecast along with an interactive chart showing hourly weather data. It utilizes the Open-Meteo API to fetch weather forecast information and is built using React for the frontend, Axios for API requests, and D3 for data visualization.

Features

  • Display of next 7 days of weather forecast.
  • Interactive chart displaying hourly weather data for a selected day.
  • Utilizes Open-Meteo API for accurate weather information.
  • Built with React for a dynamic user interface.
  • Axios is used for handling HTTP requests efficiently.
  • D3.js is employed for creating interactive and visually appealing charts.

Installation

To install and run this project locally, follow these steps:

  1. Clone this repository to your local machine:

git clone https://github.com/your-username/weather-forecast-app.git

  1. Navigate to the project directory:

cd weather-forecast-app

  1. Install dependencies using npm:

npm install

  1. Run the development server:

npm start

  1. Open your web browser and navigate to http://localhost:3000 to view the app.

Usage

Upon running the app, you will be presented with the weather forecast for the next 7 days. You can click on any day to view the hourly weather chart for that particular day. The chart provides details such as temperature, precipitation, wind speed, etc., for each hour. API Usage

This project uses the Open-Meteo API to fetch weather forecast information. You will need to sign up for an API key on the Open-Meteo website and replace the placeholder API key in the code with your own key for the app to function properly.

Contributing

Contributions to this project are welcome. If you find any bugs or have suggestions for improvements, please feel free to open an issue or submit a pull request. License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

  • Open-Meteo API for providing accurate weather forecast data.
  • React, Axios, and D3.js for their respective functionalities in building this app.
  • Special thanks to the developers of all the packages and libraries used in this project.