Skip to content

KomalRout/Weather_App

Repository files navigation

Weather App

This is a weather application built using React. It allows users to search for weather information, view current conditions, and explore forecasts. Design preview for the Weather app coding challenge

Features

  • Search for Weather: Enter a location to get weather details.
  • Current Weather: Displays temperature, weather icon, and location details.
  • Additional Metrics: Includes "feels like" temperature, humidity, wind speed, and precipitation.
  • 7-Day Forecast: View daily high/low temperatures and weather icons.
  • Hourly Forecast: See temperature changes throughout the day.
  • Unit Toggle: Switch between Imperial and Metric units.
  • Responsive Design: Optimized for different screen sizes.

Technologies Used

  • React
  • CSS (with media queries for responsiveness)
  • Open-Meteo API for weather data

Installation

  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. Start the development server:

    npm run dev

Deployment

This app can be deployed using platforms like Vercel or Netlify. Ensure the vite.config.js is configured for production builds.

Deployed on GitHub Pages: Your GitHub Pages URL

Author

Acknowledgments

Special thanks to the Frontend Mentor community for their support.

About

Creating a whether app using ReactJS, Javascript, HTML, CSS and Open Meteo API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors