Welcome to Weatherly! Your go-to weather app built with HTML, CSS, and JavaScript. Stay informed about the weather conditions for any city or country. What sets Weatherly apart is its efficient use of local storage, preventing unnecessary API calls for the same location within an hour.
- Real-Time Updates: Get the latest weather conditions for your location or any city worldwide.
- 5-Day Forecast: Plan your week with a detailed 5-day weather forecast.
- City Search: Explore weather information for any city with an easy-to-use search feature.
- Temperature Units: Switch between Celsius and Fahrenheit to suit your preference.
- Responsive Design: Enjoy a seamless experience across desktop and mobile devices.
- Local Storage Optimization: Prevents redundant API calls for the same location within an hour, enhancing performance.
- React: Building dynamic and responsive user interfaces.
- OpenWeather API: Fetching accurate and up-to-date weather data.
-
Clone the repository:
git clone https://github.com/your-username/weather-app-react.git
-
Navigate to the project directory:
cd weather-app-react -
Install dependencies:
npm install
-
Obtain your OpenWeather API key:
- Visit OpenWeather and sign up for a free API key.
- Copy the API key.
-
Create a .env file in the project root:
-
Create a file named .env in the project root.
-
Add your OpenWeather API key to the .env file:
REACT_APP_OPENWEATHER_API_KEY=your_api_key_here
-
-
Run the app:
npm start
-
Explore the Weather:
- Enter a city or country, stay updated with the current weather, and plan your days seamlessly.
- For a live demo, check out Weather App | React.
- Special thanks to OpenWeather for providing reliable weather data.
-
If you have any questions, feedback, or just want to connect, feel free to reach out:
-
Email: divyeshkumbhani8@gmail.com
-
LinkedIn: https://www.linkedin.com/in/divyesh-kumbhani-a31ba4214/