HTML5 का उपयोग करके एलियोस मौसम अनुप्रयोग क्लोन

मैं आपके साथ अपनी नवीनतम परियोजना साझा करना चाहता हूं।

लगभग एक साल पहले, मैंने एक iPad पर Aelios Weather ऐप डाउनलोड किया था।
इसने अपनी सादगी और असामान्य इंटरफ़ेस से मेरी आंख को छुआ।

और यहाँ क्या हुआ:

यहाँ देखो

हमेशा की तरह, मैं सोच रहा था कि HTML5 कितना उन्नत है, और क्या ऐसा कुछ बनाना संभव है।

इंटरफ़ेस एक सर्कल पर आधारित है, जो एक व्यक्ति में एक कम्पास और एक घड़ी लगता है।
आप सप्ताह के दिनों या दिन के समय को दिखाने के लिए कम्पास को मोड़ सकते हैं।
इस पर आप सूर्यास्त और सूर्योदय का समय देख सकते हैं।

सर्कल के अंदर एक तीर दिखाई देता है, जो स्वचालित रूप से त्रिज्या के सबसे बड़े जनसंख्या बिंदु पर जाता है।

मैंने इंटरफ़ेस को समझने की कोशिश करके शुरुआत की।
फिर मैंने गूगल मैप्स एपीआई को एकीकृत करने के तरीके की तलाश शुरू कर दी।

वर्तमान में साइट निम्नलिखित इंटरफ़ेस तत्वों का समर्थन करती है:

• उस पर नक्शा और इंटरफ़ेस तत्व
• एक तीर के साथ घंटे का घेरे इसके नीचे सबसे अधिक आबादी वाले क्षेत्र को दर्शाता है
• आप घड़ी को बंद कर सकते हैं और शटर को बंद करने और खोलने का प्रभाव देख सकते हैं
• वर्तमान समय और सूर्यास्त और चक्र पर सुबह का समय
• एचटीएमएल 5 जियोलोकेशन एपीआई के माध्यम से कीवर्ड खोज और उपयोगकर्ता का पता लगाना
• शहर पर क्लिक करना मौसम के पूर्वानुमान को दर्शाता है (यह अभी तक किसी सेवा से जुड़ा नहीं है, इसलिए यह गलत है)

इस परियोजना को Github यहाँ github.com/altryne/aelios पर जारी किया गया था।

मुझे सुधार के लिए प्रतिक्रिया और विचारों पर खुशी होगी।

पुनश्च - वर्तनी मदद के लिए उपयोगकर्ता लॉकल को बहुत धन्यवाद।