SubramanyaKS / Angular-Weather-App

Weather App using Angular and openweathermap api

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WeatherApp

A simple weather app built with Angular js and utilizes the OpenWeatherMap API to fetch and display weather information for a given location.

API

The Application Programming Interface is a set of rules and regulations and standards that allows software programs to interact with each other. It acts as a middleman between two applications, allowing them to exchange data and information.

Technology Used

  • Angular
  • Node Js
  • Angular Material

Features

  • The application features a robust search functionality for user-friendly access.
  • Ensuring a seamless experience, the UI is responsive and adapts to various devices and screen sizes.
  • Users can expect precise and reliable results when utilizing the search feature.
  • Current weather conditions, encompassing temperature, humidity, wind speed, and a detailed weather description, are prominently displayed.
  • The application efficiently retrieves weather data by accepting a manually entered city name.
  • The application has both dark theme and light theme

Pre Requisite

This project was generated with Angular CLI version 14.2.6.

  • Install git
  • Installation of NodeJS is mandatory with NPM
  • Login in to Openweathermap api website to get your API key

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository:

     git clone https://github.com/SubramanyaKS/Angular-Weather-App.git
    
  2. Navigate to the project directory:

      cd Angular-Weather-App
  3. Install dependencies:

npm install
  1. Obtain an API key from OpenWeatherMap and replace YOUR_API_KEY in the code with your actual API key.

  2. Start the development server:

ng serve
  1. Open your browser and navigate to http://localhost:4200/ to view the app.

Contribution

We welcome contributions! If you'd like to contribute to React-News-App, please follow our Contribution Guidelines.

Screenshot

Light Mode Dark Mode

Credits

Feedback

If you have any feedback, please reach out to me at email

If you like this don't forget to ⭐ the repository.

About

Weather App using Angular and openweathermap api


Languages

Language:TypeScript 47.8%Language:CSS 32.1%Language:HTML 15.8%Language:JavaScript 4.4%