Skip to content

Sahilmd01/3D-Weather-Forecast-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌍 3D Weather Forecast Web App

A web-based 3D weather simulation app powered by CesiumJS β€” a modern open-source alternative to Google Earth. This project displays weather data for any location on Earth using Cesium's 3D globe visualization.

πŸš€ Features

  • 🌐 Realistic 3D globe using CesiumJS
  • β›… Live weather data integration (e.g., from OpenWeatherMap)
  • πŸ“ Location-based weather overlays
  • πŸ”„ Easy to modify and extend with other APIs
  • πŸ’‘ Educational use of 3D geospatial tools

πŸ§‘β€πŸ’» Demo

πŸ”— Live Demo

πŸ“¦ Technologies Used


πŸ” Cesium Ion Access Token Setup

  1. Go to https://cesium.com/ion.
  2. Sign up or log in to your Cesium account.
  3. Click on Access Tokens in your dashboard.
  4. Create a new token or use the default one.
  5. In your index.html or JavaScript file, replace the placeholder with your token:
Cesium.Ion.defaultAccessToken = 'YOUR_CESIUM_ION_ACCESS_TOKEN';

πŸ”΄ Important: Never expose your Cesium token in public repositories if it has write or billing permissions. Use environment variables or restrict the token scope when possible.


πŸ›  How to Run Locally

git clone https://github.com/your-username/weather-forecast-cesium.git
cd weather-forecast-cesium
  1. Open index.html in a browser with live server or local web server.
  2. Ensure you’ve added your Cesium token in the script section.
  3. Optionally add your own weather data API integration.

πŸ“· Screenshots

Screenshot


πŸ“ License

This project is licensed under the MIT License.

MIT License

Original project by: [pafavero](https://github.com/pafavero)  
Modified and extended by: **Your Name or GitHub Username**

πŸ™Œ Acknowledgements


πŸ“« Contact

Have suggestions or want to collaborate? πŸ“§ your.email@codewithkinu.com | 🌐 portfolio-link


---

### βœ… Next Steps:

- Let me know your **GitHub username** and if you’d like the token to be stored securely.
- I can also help you generate a `.env`-based setup if you're using Node/Vite/React.
- Want a badge-based header (GitHub stars, license, Cesium badge)? Just ask.


About

🌍 A 3D Weather Forecast Web App built using CesiumJS. Visualizes Earth in 3D with potential integration for real-time weather data.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors