Nextjs Templates & Themes Logo Nextjs Templates & Themes
Weather App screenshot

Weather App

Author Avatar Theme by Madzadev
Updated: 27 Oct 2021
120 Stars

Check the current weather in any city on the planet.

Github Live Preview

Categories

React

Overview:

The “Weather App” is a user-friendly application that allows users to check the current weather in any city around the world. It offers the flexibility of switching between metric and imperial units for temperature measurement. With features like city search, local time, temperature, humidity, wind speed, sunrise, sunset times, and error handling, this app provides comprehensive weather information to users.

Features:

  • City Search: Users can search for weather information in any city across the globe.
  • Local Time and Date: Displays the current local time and date of the selected city.
  • Temperatures and Humidity: Shows the current temperature and humidity level of the city.
  • Wind Speed and Direction: Provides information on the wind speed and direction in the selected location.
  • Sunrise and Sunset Times: Displays the times of sunrise and sunset for the city.
  • Metric vs Imperial System: Users can choose between metric and imperial units for temperature measurements.
  • Error Handling and Loading Info: Offers error handling mechanisms and loading information for a smooth user experience.

Installation:

  1. Clone the repository: git clone https://github.com/madzadev/weather-app.git
  2. Navigate to the weather app directory: cd weather-app
  3. Install the necessary dependencies: npm install
  4. Log in to OpenWeatherMap and obtain an API key.
  5. Create a local .env file by copying the example: cp .env.example .env.local
  6. Paste your API key in the .env.local file for OPENWEATHER_API_KEY.
  7. Start the development server: npm run dev

Summary:

The “Weather App” is a versatile application that provides users with essential weather information for any city in the world. With features like city search, local time, temperature details, wind speed, and sunrise/sunset times, this app offers a holistic weather viewing experience. The ability to switch between metric and imperial units, along with error handling functionalities, enhances the usability and reliability of the app. Users looking for a straightforward and feature-rich weather application will find the “Weather App” to be a valuable tool.