Skip to content

maitrimydur/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Overview

This Weather App is a React-based application designed to display real-time weather information. It utilizes the OpenWeatherMap API to fetch weather data based on user input. The app features a sleek, modern UI with dynamic icons representing current weather conditions, temperature, humidity, and wind speed.

Features

  • Search functionality for global cities.
  • Displays temperature, humidity, wind speed, and general conditions.
  • Responsive design that adapts to various devices.
  • Pre-fetches weather data for Fremont on initial load.

Tech Stack

  • Frontend: React.js
  • API: OpenWeatherMap
  • Styling: CSS with modern features like flexbox and gradients.

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js
  • npm (Node Package Manager)

Installation

To get this project running on your local machine, follow these steps:

  1. Clone the repository:
    git clone https://github.com/yourusername/weather-app.git
  2. Navigate to the project directory:
    cd weather-app
  3. Install dependencies:
    npm install
  4. Set your API key:
    • Create a .env file in the root directory.
    • Add your OpenWeatherMap API key as VITE_APP_ID=your_api_key_here.

Usage

To start the server and run the app:

npm start

License

Distributed under the MIT License. See the LICENSE file for more information.

About

A responsive React-based weather application that provides real-time weather updates, utilizing OpenWeatherMap API with stylish CSS visuals.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors