Skip to content

RitikRanja-n/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

This project is a simple Weather Application built using React and Axios to fetch real-time weather data from the OpenWeatherMap API.

Features

Fetches weather details based on city name or current location

Displays temperature, weather conditions, humidity, and wind speed

Responsive UI with a background image

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your system.

Installation

  1. Clone the repository:
  1. Navigate to the project directory:
  1. Install dependencies:
  1. Install Axios for API requests:
  1. Running the Project

To start the development server, run:

Then open http://localhost:3000 in your browser.

Fetching Weather Data

The application fetches weather data from the OpenWeatherMap API. Ensure you replace the API key inside the fetchWeatherData function.

Deployment

To build the project for production, run:

This will generate an optimized build/ folder, ready for deployment.

You can deploy the app using services like:

Vercel

Netlify

GitHub Pages

Technologies Used

React.js - JavaScript library for building user interfaces

Axios - HTTP client for fetching API data

OpenWeatherMap API - Fetching weather details

About

A responsive weather app built with HTML, CSS, and JavaScript using real-time API data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors