/Weather-App

The Weather App is a simple program that provides real-time weather updates for any location across the world. It makes use of cutting-edge web technology to efficiently display accurate meteorological data while being smart and user-friendly.

Primary LanguageJavaScript

Weather App

Overview

The Weather App is a easy to use application that can supply you with real-time weather reports on any given place across the world. It utilizes up-to-date web technologies for efficient display of correct meteorological details through smart and fast user’s friendliness. Using this app , the important meteorological information like temperatures, humidity levels in relation to city location ,between others, could be obtained. This project is ideal for learning how to integrate APIs, manage state in React, and build responsive web applications.

Features

  • Real-time Weather Data : Fetches and displays current weather conditions from a reliable weather API.
  • Location Search : Users can search for weather information by entering a city name.
  • Responsive Design : The application is designed to work seamlessly on both desktop and mobile devices.
  • Dynamic Backgrounds : Background images change based on the current weather conditions.
  • Material-UI Integration : Utilizes Material-UI for a consistent and modern design language.

Technologies Used

  • React : For building the user interface.
  • Vite : For development and build tooling.
  • JavaScript : The main programming language.
  • CSS : For styling the application.
  • HTML : For structuring the web pages.
  • Material-UI : A popular React UI framework for designing components with a sleek and modern look.

Installation

  1. Clone the Repository

    git clone https://github.com/yash-kathesia/Weather-App.git
cd Weather-App

  2. Install Dependencies

    npm install

  3. Run the Application

    npm run dev

Usage

  1. Open your browser and navigate to http://localhost:3000.
  2. Enter the name of the city in the search bar and click "Search".
  3. View the current weather information for the entered city.

Deployment

The Weather App is hosted on Vercel. You can access the live application here.

Project Structure

  • public/: Contains static assets.
  • src/: Contains the source code.
    • components/: React components.
    • App.jsx: Main app component.
  • .eslintrc.cjs: ESLint configuration file.
  • vite.config.js: Vite configuration file.

Contributing

Contributions are welcome! Please fork this repository and submit pull requests.

License

This project is licensed under the MIT License.

Contact

For any questions or suggestions, please open an issue in this repository.