WeatherX

WeatherX is a clean and minimal Progressive Web App (PWA) that provides accurate and reliable weather forecasts for mobile users. With features such as current weather, 48-hour and 7-day forecasts, interactive charts, city search, dynamic backgrounds, unit options, and 12/24 hour time formats, WeatherX makes it easy to plan your day and stay informed.

✨ Features

• Current weather forecast
• 48-hour and 7-day weather forecasts
• Interactive charts for Next 48 hours, Next 7 days, and UV Index data
• Search for weather forecasts by city
• Dynamic background images that reflect the weather conditions
• Option to view details in Imperial, Metric, and Universal units
• Option to view time in 12/24-hour format
• Get an awesome new background everytime you open the app, you'll never tire of checking the weather.

With these features, our web application provides an accurate and reliable way to stay informed about the weather, plan your day, and enjoy a beautiful and engaging user experience.

🔗 URL Structures

https://weatherx-abdulsamad.netlify.app/City Name
https://weatherx-abdulsamad.netlify.app/City Name/Next48Hours
https://weatherx-abdulsamad.netlify.app/City Name/Next7Days
https://weatherx-abdulsamad.netlify.app/City Name/Stats

Installation

Clone the repository

git clone https://github.com/abdulsamad/weatherx.git

Install dependencies

yarn 

Netlify CLI is also required to run netlify serverless functions

yarn install -g netlify-cli

Environment Variables

Create a .env file in the project root and add the following variables

OPEN_WEATHER_MAP_API_KEY = /* Open Weather Map API Key */
REACT_APP_PROJECT_URL = /* Production URL */

Screenshots