Skip to content

A React.js weather application fetching real-time data from OpenWeatherMap API. Displays current weather details and weekly forecast with a responsive design.

Notifications You must be signed in to change notification settings

Nasreena847/Weather-Forecast

Repository files navigation

Weather App

A React.js weather application that fetches real-time weather data from the OpenWeatherMap API. The app displays current weather details and a weekly forecast for a specified location. It features a responsive design, allowing users to view weather information on various devices.

home-page

Features

  • Display current weather information including temperature, humidity, and description.
  • Show a weekly forecast with temperature and weather conditions for each day.
  • Responsive design for seamless user experience across different devices.

Technologies Used

  • React.js
  • OpenWeatherMap API
  • Axios for fetching data
  • React Bootstrap for UI components
  • Framer Motion for animations

Setup

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Obtain an API key from OpenWeatherMap.
  4. Create a .env file in the project root directory.
  5. Add your API key to the .env file: REACT_APP_API_KEY=your_api_key.
  6. Run the app using npm start.

Contributing

Contributions are welcome! Feel free to submit issues or pull requests.

License

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

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

About

A React.js weather application fetching real-time data from OpenWeatherMap API. Displays current weather details and weekly forecast with a responsive design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published