מזג אוויר עכשווי
סקירה כללית
תמונות
טכנולוגיות שהשתמשתי בהם לפרוייקט
HTML5
CSS3
JavaScript
מידע טכני
OpenWeatherMap API
-הוא שירות מקוון המספק נתוני מזג אוויר. באמצעות אינטרקציה עם ה API שלהם האתר מקבל את המידע שאותו חיפשתם ומעניק למשתמש את התוצאה המדויקת שאותה הוא חיפש (מזג אוויר עכשווי, אחוזי לחות ותיאור המצב).
איכון מיקום המשתמש
-בלחיצה פשוטה של המשתמש על "Use my own location", מתבצע איכון של JavaScript על המיקום הנוכחי של המשתמש במידה והמשתמש מאשר הרשאה זו.
במקרה שהמשתמש אישר זאת, ירוץ חיפוש מזג אוויר על המיקום הנוכחי של המשתמש ללא הכנסת פרטי חיפוש, ובמקרה שלא אישר הרשאה זו, תופיע למשתמש הודעת שגיאה.
פענוח שגיאות כתיב
-במידה והמשתמש טעה בחיפוש שלו או כתב בצורה שגויה מילה מסוימת, לדוגמה "ישראלל" במקום "ישראל", תופיע למשתמש הודעת שגיאה שהיה לו שגיאת כתיב, אך אין לו מה לדאוג משום שהאתר תיקן זאת בשבילו.
באמצעות שימוש בהצעות המומלצות של גוגל בהרצת חיפוש "האם התכוונת ל x", כל חיפוש שהמשתמש שעושה עובר לפני כן "התאמה מדוייקת" בגוגל, ובמידה ולא נמצאה התאמה מדויקת, כלומר טעות בשגיאת כתיב, הטעות תתוקן אוטומטית, ולאחר מכן החיפוש ירוץ עם הפרטים הנכונים שהתכוון המשתמש לחפש.
במילים פשוטות, האתר מתקן למשתמש שגיאות כתיב שהוא עושה בחיפוש שלו ודואג להביא לו את הפרטים הנכונים גם במקרה שהמשתמש לא תיקן את עצמו.
חיפוש מותאם של גוגל
-כל חיפוש מייבא תמונה מגוגל של המקום אותו המשתמש חיפש, ובעת הרצת החיפוש התמונה שמיובאת תופיע בתור רקע מאחורי החיפוש.
Pexels API
-הוא אתר בינלאומי המספק תמונות חינמיות. באמצעות שימוש ב API שלהם, במקרה ש Google Custom Search לא רץ כראוי/לא עובד, אז תמונת הרקע של המיקום אותו חיפש המשתמש תיובא מ Pexels במקום מ Google Custom Search.
רב לשוני
-ישנה אופציה לחפש בכל שפה שברצונכם להשתמש, אך תוצאת החיפוש תהיה תמיד באנגלית.