Skip to content

Mohaned-Khaled/weather-small-app

Repository files navigation

Weather App

This project was generated with Angular CLI version 15.1.2.
This is a small Angular project that uses HTTP requests to get the weather for a given location based on the city name. The app follows a forms-driven approach to collect user input, and it also makes use of pipes, RxJS operators, and error handling to provide a smooth user experience.

Installation

To run this project locally, follow these steps:

1-Clone the repository to your local machine: git clone 'https://github.com/Mohaned-Khaled/weather-small.app'.
2-Install the dependencies: 'npm install'
3-Add your OpenWeatherMap API key to the environment file located in 'src/environments/environment.ts'.
4-Start the Angular app: 'ng serve'

Features

-Input form to collect city name from the user.
-HTTP requests to OpenWeatherMap API to retrieve current weather data.
-Display current temperature, humidity, and weather condition in a user-friendly way.
-Error handling for invalid user input and API errors.

Usage

To use this weather app, follow these steps:

1-Enter a city name in the input form and submit the form.
2-The app will display the current temperature, humidity, and weather condition for the specified location.
3-If the input is invalid or there is an error with the API request, the app will display an error message.