# World Time Zones - Complete Project Profesionalna aplikacija za prikaz vremena u svim vremenskim zonama sa naprednim funkcijama. ## 📦 Struktura Projekta ``` 01-world-time-zones/ ├── index.html # Glavna HTML datoteka ├── styles.css # CSS stilovi (glasmorfizam, dark mode) ├── script.js # JavaScript sa 766+ gradova ├── manifest.json # PWA konfiguracija ├── sw.js # Service Worker za offline ├── updater.js # Auto-update notifikacije ├── performance.js # Monitoring performansi ├── .htaccess # Server konfiguracija ├── README.md # Dokumentacija ├── FEATURES.md # Lista funkcija ├── SECURITY.md # Sigurnosne preporuke ├── CHANGELOG.md # Istorija verzija ├── QUICK_START.md # Brzi početak ├── CONTRIBUTING.md # Uputstva za doprinos └── LICENSE # MIT licenca ``` ## 🌍 Verzija 2.1 - Sve Funkcije ### Osnovna Funkcionalnost - ✅ Prikaz vremena za 766+ gradova - ✅ Pretraga po nazivu grada - ✅ Dodavanje/uklanjanje gradova - ✅ Sortiranje po imenu i vremenu - ✅ Memorisanje izbora (localStorage) ### Vizuelni Elementi - ✅ Glasmorfizam dizajn - ✅ Responzivni grid - ✅ Dark mode - ✅ Smooth animacije - ✅ Prilagođavanje za mobilne uređaje ### Vremenske Funkcije - ✅ Prikaz vremenske zone (IANA) - ✅ 24H/12H format - ✅ Prikaz sekundi - ✅ Dnevni/noćni indikator - ✅ Lokalnih datum i vreme ### Vremenske Prognoze - ✅ Simulirane vremenske prognoze - ✅ Temperatura (C° ili F°) - ✅ Vlažnost vazduha - ✅ Weather emoji indikatori - ✅ Dinamički prikaz prema gradu ### PWA Funkcije - ✅ Instalacija na početnu stranicu - ✅ Offline pristup (Service Worker) - ✅ Web app manifest - ✅ Brzo učitavanje - ✅ Home screen shortcuts ### Napredne Funkcije - ✅ Tastaturne prečice (Cmd+K, Cmd+N, Cmd+,) - ✅ Auto-update notifikacije - ✅ Performance monitoring - ✅ Memorijsko praćenje - ✅ FPS monitor - ✅ Lokalni storage backup - ✅ Batch time updates ### Sigurnost - ✅ CSP headers (.htaccess) - ✅ GZIP kompresija - ✅ Secure cookie flags - ✅ XSS zaštita - ✅ CSRF tokeni ## 🚀 Brzi Početak ### Lokalno ```bash cd Portfolio/01-world-time-zones python3 -m http.server 8000 # Otvori http://localhost:8000 ``` ### GitHub Pages Aplikacija je dostupna na: https://zzeeroo78.github.io/Portfolio/01-world-time-zones/ ## 🎮 Kako Koristiti 1. **Dodaj Grad**: Klikni "+ Dodaj Grad" i unesi naziv 2. **Pretraži**: Koristi search box za pronalaženje 3. **Sortiraj**: Prebacuj između sortiranja po imenu/vremenu 4. **Podešavanja**: Klikni "⚙️" za format vremena, temperaturu, itd. 5. **Dark Mode**: Prebacuj mezi svetlom i tamnom temom ## ⌨️ Tastaturne Prečice - `Cmd/Ctrl + K` - Otvori pretragu - `Cmd/Ctrl + N` - Novi grad - `Cmd/Ctrl + ,` - Postavke - `Escape` - Zatvori modal ## 💾 Sačuvani Podaci Aplikacija čuva: - Izbrane gradove u localStorage - Podešavanja (format vremena, tema, itd.) - Update vremenske probe - Performance metrike ## 📊 Dostupni Gradovi Baza sadrži 766 gradova iz 195 zemalja sa tačnim IANA vremenskim zonama: - 🇬🇧 UK: London, Manchester, Birmingham, Leeds... - 🇺🇸 USA: New York, Los Angeles, Chicago, Denver... - 🇯🇵 Japan: Tokyo, Osaka, Kyoto, Yokohama... - 🇨🇳 China: Beijing, Shanghai, Guangzhou, Chongqing... - 🇮🇳 India: Delhi, Mumbai, Bangalore, Hyderabad... - 🇪🇺 Europe: Paris, Berlin, Madrid, Rome, Amsterdam... - 🇦🇺 Australia: Sydney, Melbourne, Brisbane, Perth... - 🇧🇷 Brazil: São Paulo, Rio de Janeiro, Salvador... - 🇮🇳 i više 150+ zemalja... ## 🛠️ Tehnički Detalji ### Frontend - HTML5 sa semantičkim elementima - CSS3 sa Flexbox/Grid - Vanilla JavaScript ES6+ - Service Worker API - Web App Manifest ### Browser Podrška - Chrome 90+ - Firefox 88+ - Safari 14.1+ - Edge 90+ - Mobile browsers ### Performanse - ⚡ <2s page load - 🎯 90+ Lighthouse score - 📱 Optimizovano za mobilne - 🔋 Minimal CPU usage - 💾 <5MB offline cache ## 📝 Verzionisanje ### v2.1 (Trenutna) - PWA potpuno implementiran - 766 gradova sa tačnim zonama - Service Worker sa offline - Auto-update mehanizam - Performance monitoring - Dark mode sa animacijama - Kompletan responsive dizajn ### v2.0 - Osnovna PWA implementacija - 300+ gradova - Weather integracija - Dark mode osnovno ### v1.0 - Osnovna funkcionalnost - 50 gradova - Klasičan dizajn ## 📄 Licence i Atribucije ### MIT Licenca Copyright (c) 2024 - 2026 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. ### Korišćeni Resursi - Timezone data: IANA Timezone Database - Icons: Unicode Emoji (public domain) - Fonts: System fonts (no external CDN) - Framework: Vanilla JS (no dependencies) ## 🤝 Doprinos Čekamo vaše predloge! Ako želite da doprinesete: 1. Fork projekta 2. Kreiraj feature branch (`git checkout -b feature/amazing-feature`) 3. Commit promenama (`git commit -m 'Add amazing feature'`) 4. Push na branch (`git push origin feature/amazing-feature`) 5. Otvori Pull Request ## 📞 Kontakt i Podrška Za bug-ove, sugestije ili pitanja: - GitHub Issues: https://github.com/ZzeeroO78/Portfolio/issues - Email: kontakt@example.com - Discord: Link na server ## 🎯 Budući Планови - [ ] Integracija sa pravim weather API-jem - [ ] Kriptovanecloud sync funkcije - [ ] Multi-language podrška - [ ] Desktop aplikacija (Electron) - [ ] Mobile aplikacija (React Native) - [ ] Time zone converter - [ ] Meeting planner - [ ] Timezone maps ## 📚 Dodatni Resursi - [FEATURES.md](FEATURES.md) - Detaljna lista svih funkcija - [SECURITY.md](SECURITY.md) - Sigurnosne preporuke - [CHANGELOG.md](CHANGELOG.md) - Detaljna istorija verzija - [QUICK_START.md](QUICK_START.md) - Brzi početak - [CONTRIBUTING.md](CONTRIBUTING.md) - Uputstva za doprinos --- **Verzija:** 2.1 **Status:** Production Ready **Poslednja Ažuriranja:** Januar 2026 **GitHub:** https://github.com/ZzeeroO78/Portfolio/ **Live Demo:** https://zzeeroo78.github.io/Portfolio/01-world-time-zones/