Skip to content

arham2003/Weather-Forecast

Repository files navigation

ReactJS Weather App

Welcome to the Beautiful ReactJS Weather App project! In this project, I have created a weather app using ReactJS and the OpenWeatherMap API.

Table of Contents

Overview

This project is a simple weather application built with ReactJS. It fetches weather data from the Meteosource Weather API and displays it in a user-friendly interface. This project aims to demonstrate how to integrate third-party APIs with React and how to build a complete application from scratch.

Features

  • Fetch and display current weather data for any location
  • User-friendly interface with styled-components
  • Responsive design
  • Error handling for API requests

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js (v14 or higher)
  • npm (v6 or higher) or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/reactjs-weather-app.git
    cd reactjs-weather-app
  2. Install the dependencies:

    npm install
    # or
    yarn install
  3. Create a .env file in the root directory and add your Meteosource API key:

    REACT_APP_WEATHER_API_KEY=your_api_key_here

Usage

  1. Start the development server:

    npm start
    # or
    yarn start
  2. Open http://localhost:3000 to view it in the browser.

  3. OR Visit Deployed Link to test the app in the browser.

Dependencies

This project uses the following dependencies:

  • axios: A promise-based HTTP client for making requests to the Meteosource Weather API. It simplifies the process of handling HTTP requests and responses.
  • bootstrap-icons: A library of free, high-quality icons designed for Bootstrap, but usable in any project. These icons enhance the visual appeal and user experience of the app.

API Reference

This project uses the Meteosource Weather API to fetch weather data. You can find more information and sign up for an API key at the OpenWeatherMap API page.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository.
  2. Create your feature branch: git checkout -b feature/my-new-feature.
  3. Commit your changes: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature/my-new-feature.
  5. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.


Happy coding! If you have any questions, feel free to reach out Email me.

About

React JS Based Real Time Weather Forecast app.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published