HE
EN

חיפוש נוח בויקיפדיה

סקירה כללית

טכנולוגיות שהשתמשתי בהם לפרוייקט

HTML5

CSS3

SASS

AngularJS

מידע טכני

ויקיפדיה API

-

באמצעות שימוש ב API שלהם, כל מילה שהמשתמש מכניס לתיבת החיפוש מביאה המלצות של השלמה אוטומטית מערכים קיימים בויקיפדיה. בעת לחיצה על חיפוש האתר מניב תוצאות בהתאם לערכי הויקיפדיה כשבראש התוצאה הכי קרובה למה שחיפש.

המידע שמקבל המשתמש על כל תוצאה הוא שם הערך, תקציר הערך, תמונה ותיאור התמונה של הערך, לינק מעבר לערך המלא בויקיפדיה והרחבה של התקציר למידע נוסף.

רב לשוני

-

ישנה אופציה לשנות את השפה של תוצאות החיפוש (תמיכה ב 18 שפות). שינוי השפה תשנה את תוצאות החיפוש לאותה שפה שבחר המשתמש וגם את שפת הצעות "השלמה אוטומטית" בתיבת החיפוש.

טיפול בשגיאות ושיפור ממשק המשתמש

-

במקרה שלא נמצאו תוצאות, תופיע למשתמש הודעה שנמצאו פחות תוצאות ממה שהוא ביקש לחפש, כך גם במקרה שלא נמצאו תוצאות כלל.

בהרצת כל חיפוש, התמונות של כל ערך ייטענו במקביל והם יופיעו למשתמש רק לאחר שנטענו. במקרה שתמונה לא נמצאה מהויקיפדיה API, האתר יספק תמונה של "לא נמצאה תמונה" עבור אותו ערך.

אנימציות

-

באמצעות שימוש ב ng-animate של AngularJS יחד עם CSS3 כדי להשיג חוויה מקסימלית ויפה עבור המשתמש.

אתר רספונסיבי

-

פועל בכל סביבה מסוג שהיא, בין אם זה פלאפונים או מחשבים.

תודה על זמנך! 😊
איתי שיף ©