https://github.com/zorger27/weather
☀️ Custom-built weather forecasting web app that delivers real-time data from OpenWeather for any city worldwide. 🌈 Whether you're a tech enthusiast or just curious about the weather, this app has something for everyone! ⛄️
https://github.com/zorger27/weather
axios favicon flexbox-css git google-analytics grid-css html5 i18n javascript markdown open-graph-protocol robots-txt scss search-console sitemap-xml threejs typescript vuejs vuex webpack
Last synced: 3 months ago
JSON representation
☀️ Custom-built weather forecasting web app that delivers real-time data from OpenWeather for any city worldwide. 🌈 Whether you're a tech enthusiast or just curious about the weather, this app has something for everyone! ⛄️
- Host: GitHub
- URL: https://github.com/zorger27/weather
- Owner: Zorger27
- Created: 2024-03-25T00:08:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-20T16:27:25.000Z (6 months ago)
- Last Synced: 2025-01-25T17:33:22.668Z (4 months ago)
- Topics: axios, favicon, flexbox-css, git, google-analytics, grid-css, html5, i18n, javascript, markdown, open-graph-protocol, robots-txt, scss, search-console, sitemap-xml, threejs, typescript, vuejs, vuex, webpack
- Language: Vue
- Homepage: https://weather-zorger.vercel.app
- Size: 8.29 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather forecast from [OpenWeather](https://openweathermap.org) #
### You can view my CV here: [Curriculum VITAE](https://zorger27.github.io)❗️ ###
### You can view my Portfolio here: [My Portfolio](https://Zorin.Expert)❗️ ###
#### Custom-built weather forecasting web app that delivers real-time data from OpenWeather for any city worldwide 🌍. ####
Key Features of My App:
1️⃣ Flexible City Selection: Choose a city from the list or type it manually — get an accurate forecast in just seconds!
2️⃣ Multiple Display Formats:
― Table or List View 📊 — organized and easy-to-read interface.
― Creeping line 📜 — a dynamic way to track weather changes.
― Creeping line 3D 🌐 — an immersive, animated experience powered by Three.js.
― Three-in-One Mode 🔄 — combines all views for ultimate versatility.
🛠️ Technologies:
✅ Vue.js + Vuex — for dynamic state management and a responsive user interface.
✅ Vue i18n — supporting multiple languages for a global audience.
✅ Three.js — for stunning 3D animations and interactive visuals.
✅ Axios — for lightning-fast API requests (OpenWeather Map API).
✅ JavaScript and TypeScript — for reliability and interactivity.
✅ Google Analytics & Search Console — for performance optimization and analytics.
✅ Open Graph Protocol, Favicon, Sitemap, Robots.txt — for SEO optimization and social media integration.
#### *Whether you're a tech enthusiast or just curious about the weather, this app has something for everyone!* ####
### Project setup (install dependencies)
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```