חיפוש נוח בויקיפדיה
סקירה כללית
תמונות
טכנולוגיות שהשתמשתי בהם לפרוייקט
HTML5
CSS3
SASS
AngularJS
מידע טכני
ויקיפדיה API
-באמצעות שימוש ב API שלהם, כל מילה שהמשתמש מכניס לתיבת החיפוש מביאה המלצות של השלמה אוטומטית מערכים קיימים בויקיפדיה. בעת לחיצה על חיפוש האתר מניב תוצאות בהתאם לערכי הויקיפדיה כשבראש התוצאה הכי קרובה למה שחיפש.
המידע שמקבל המשתמש על כל תוצאה הוא שם הערך, תקציר הערך, תמונה ותיאור התמונה של הערך, לינק מעבר לערך המלא בויקיפדיה והרחבה של התקציר למידע נוסף.
רב לשוני
-ישנה אופציה לשנות את השפה של תוצאות החיפוש (תמיכה ב 18 שפות). שינוי השפה תשנה את תוצאות החיפוש לאותה שפה שבחר המשתמש וגם את שפת הצעות "השלמה אוטומטית" בתיבת החיפוש.
טיפול בשגיאות ושיפור ממשק המשתמש
-במקרה שלא נמצאו תוצאות, תופיע למשתמש הודעה שנמצאו פחות תוצאות ממה שהוא ביקש לחפש, כך גם במקרה שלא נמצאו תוצאות כלל.
בהרצת כל חיפוש, התמונות של כל ערך ייטענו במקביל והם יופיעו למשתמש רק לאחר שנטענו. במקרה שתמונה לא נמצאה מהויקיפדיה API, האתר יספק תמונה של "לא נמצאה תמונה" עבור אותו ערך.
אנימציות
-באמצעות שימוש ב ng-animate של AngularJS יחד עם CSS3 כדי להשיג חוויה מקסימלית ויפה עבור המשתמש.
אתר רספונסיבי
-פועל בכל סביבה מסוג שהיא, בין אם זה פלאפונים או מחשבים.