https://github.com/sudebyhn/flask_project

A Flask-based web app providing real-time weather updates and a 5-day forecast using OpenWeatherMap API.
https://github.com/sudebyhn/flask_project

api css flask javascript jquery json python weather-api weather-forecast

Last synced: 3 months ago
JSON representation

A Flask-based web app providing real-time weather updates and a 5-day forecast using OpenWeatherMap API.

• Host: GitHub
• URL: https://github.com/sudebyhn/flask_project
• Owner: sudebyhn
• Created: 2024-09-05T12:48:54.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-07T08:12:50.000Z (over 1 year ago)
• Last Synced: 2025-04-08T23:35:17.743Z (about 1 year ago)
• Topics: api, css, flask, javascript, jquery, json, python, weather-api, weather-forecast
• Language: JavaScript
• Homepage:
• Size: 224 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# WeatherApp

WeatherApp is a simple web application that allows users to enter a city name and view the current weather conditions. The application uses the OpenWeatherMap API to fetch weather data and display it to users visually. It also includes error handling for invalid city names and API errors.

- **Current Weather Information:**

  - Displays temperature, weather description, humidity, wind speed, sunrise, and sunset times.

  - Fetches data based on the city entered by the user or their current location.

- **5-Day Weather Forecast:**

  - Provides daily weather forecasts including temperature and weather description.

- **User Interface:**

  - **Search Button:** Allows users to input a city name to retrieve weather data.

  - **Current Location Button:** Fetches weather information based on the user's current location.

- **Error Handling:**

  - Handles invalid city names and API errors gracefully.

## Technologies Used

 **Backend:**

- **Python Flask**: Used for backend development

 **Frontend:**

- **HTML**: For structuring the web page.

- **CSS**: For styling and layout of the page.

- **jQuery**: For making HTTP requests and manipulating the DOM.

- **JavaScript**: For handling API responses and updating the UI dynamically.

- **OpenWeatherMap API**: For fetching weather data.

## Brief Report

You can view the detailed report of the Weather App project [here](Brief%20Report%20Of%20Weather%20App.pdf).