https://github.com/ucangun/weather_app

Weather Condition App is a JavaScript application that fetches real-time weather data from the OpenWeather API. Users can search for any city worldwide and view its current weather. The app dynamically updates the UI and provides warnings for duplicate city searches.
https://github.com/ucangun/weather_app

Last synced: 2 months ago
JSON representation

Weather Condition App is a JavaScript application that fetches real-time weather data from the OpenWeather API. Users can search for any city worldwide and view its current weather. The app dynamically updates the UI and provides warnings for duplicate city searches.

• Host: GitHub
• URL: https://github.com/ucangun/weather_app
• Owner: ucangun
• Created: 2024-06-26T07:25:45.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-26T10:24:38.000Z (11 months ago)
• Last Synced: 2025-02-10T08:15:20.444Z (4 months ago)
• Language: CSS
• Homepage:
• Size: 76.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Clarusway


# Project-03 : Weather Condition App (JS-03)

## Description

Project aims to display current weather data of searched city around the world with fetching Weather Api data.

## Learning Outcomes

At the end of the this project, students will be able to;

- analyze a problem, create a weather condition app populated with a real weather api.

- demonstrate their knowledge of algorithmic design principles.

   

## Problem Statement

- Design a weather condition page following the design and populate data for searched city with using of axios in JS.

![Form](weather_app.gif)

User story;

  - User can search city around the world.

  - The app can fetch api with the searched city name(... and apikey if it is obligatory).

  - User can display weather data of searched city in weather card.

  - User can display list of searched city weather data card like on gif.

  - If new searched city is in the weather data list, app can display a warning text to user on page.

🔥 You can use [OpenWeather Api](https://openweathermap.org/) for your app. 

## HTML / CSS Structure

- You can find HTML / CSS Structure [here](./HTML-CSS/)

  ✍ Happy Coding ⌛