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:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Weather App

Welcome to the Weather-app-react repository! This project is a web application that provides weather information about any location. It utilizes HTML, CSS, and react to deliver a user-friendly interface and fetches data using the OpenWeatherMap API.

Technologies Used

• Frontend: HTML, CSS, React-js
• API: OpenWeatherMap
• UI: Material UI

Additional information

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• A modern web browser.
• An API key from OpenWeatherMap Api

Installation

1. Clone the repository:

 git clone https://github.com/Nikhil7028/Weather-app-react.git

2. Navigate to the project directory:

cd Weather-app-react

3. Change API key which conatin in src/WeatherImg.js

'API_KEY': "Your-API-key"

4. Install Meterial UI and Icons using following commands

npm install @mui/material @emotion/react @emotion/styled
npm install @mui/icons-material

4. Open index.html in your browser to view the project.
5. Run the app using following command

npm run dev

Usage

To use the Weather App, simply enter the name of the city in the search bar and press enter. The app will display the current weather conditions, including temperature, humidity, min temp, max temp, and more.

Note :- All the link of images and API_URL are used in the app are store in src/WeatherImg.js