Frontend Development

Weather App

Real-time weather information

View Live Demo View Source Code

About This Project

This weather application uses JavaScript and the OpenWeather API to retrieve and display weather information for a city.

Weather App preview

Technologies Used

HTML CSS JavaScript OpenWeather API

Key Features

City Search

Search for weather information by city.

Weather Data

Retrieve weather information from an API.

Project Workflow

01

Enter a City

Provide the name of a city.

02

Fetch Weather

Request weather data from the API.

03

View Results

Display the returned weather information.

Technology Stack

Frontend

HTML CSS JavaScript

API

OpenWeather API

Architecture Overview

Frontend: Browser

Backend / API: External Weather API

Database: Not required

External Services:

OpenWeather API

What I Learned

Future Scope