Skip to content

Get real time global information on weather, wind and humidity. See what the weather is going to be like next week with daily breakdowns on the location of your choosing.

License

Waragergarde/weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather Forecast App

A fully functional weather forecast web application built using HTML5 and JavaScript, compiled via the GDevelop game engine. This app displays real-time weather data in a responsive, interactive interface, optimized for both desktop and mobile browsers.

πŸš€ Features

  • β›… Real-time weather information (API-based)
  • πŸ“± Mobile-first responsive design
  • 🎨 Weather condition icons with support for day/night states
  • πŸ“¦ Lightweight and fast to load
  • 🧱 Built using modular JavaScript components with GDevelop-generated runtime logic

πŸ–ΌοΈ Screenshots

πŸ› οΈ Technologies Used

  • HTML5 + JavaScript
  • GDevelop Engine (for visual logic and asset management)
  • Custom JavaScript modules for extended functionality
  • Weather Icons for visual feedback
  • Optimized with manifest files for PWA-like behavior on mobile

πŸ“‚ Folder Structure

Weather/

β”œβ”€β”€ index.html # Main HTML entry point

β”œβ”€β”€ manifest.webmanifest # Progressive Web App manifest

β”œβ”€β”€ *.js # JavaScript modules and GDevelop runtime logic

β”‚ β”œβ”€β”€ gd.js

β”‚ β”œβ”€β”€ inputmanager.js

β”‚ β”œβ”€β”€ ResourceLoader.js

β”‚ β”œβ”€β”€ AsyncTasksManager.js

β”‚ β”œβ”€β”€ ... and many more

β”œβ”€β”€ *.png # Icons and sprite assets

β”‚ β”œβ”€β”€ Weather icons

β”‚ β”œβ”€β”€ UI sprites

β”‚ β”œβ”€β”€ App icons for Android/iOS (android-icon-.png, ios-icon-.png)

β”œβ”€β”€ libs/ # JavaScript libraries used by the runtime

β”œβ”€β”€ Extensions/ # GDevelop behavior extensions

β”œβ”€β”€ pixi-renderers/ # PixiJS rendering components

β”œβ”€β”€ fontfaceobserver-font-manager/ # Font loading utility

β”œβ”€β”€ splash/ # Launch and splash screen images

β”œβ”€β”€ events-tools/ # Additional logic helpers

β”œβ”€β”€ object-capabilities/ # Object behavior definitions

└── LICENSE.GDevelop.txt # License for GDevelop engine files

πŸ“¦ How to Run Locally

  1. Clone or download the repository.
  2. Open index.html in any modern browser.
  3. Done!

Alternatively, you can deploy the folder to a static hosting service like GitHub Pages, Netlify, or Vercel for a live preview.

πŸ“„ License

This project uses source components compiled via GDevelop. See LICENSE.GDevelop.txt for the underlying engine’s license. You may modify and distribute your version as needed.

πŸ™Œ Credits

Created by Pantelis Kassotis.
Built using GDevelop and customized with hand-written JavaScript.


About

Get real time global information on weather, wind and humidity. See what the weather is going to be like next week with daily breakdowns on the location of your choosing.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published