Write a simple, responsive, web app in angular/react that shows the weather of some city. The
user should be able to search for a city and save it to favorites (locally, a server is not required).
We expect to see 2 pages in this app. (weather page and favorites page).
We recommend you to use a 3rd party UI library (material, prime, bootstrap, etc)
API
The API that you’ll use for this app is AccuWeather API. Please signup and create a new app in
order to get an API key.
You will use 3 endpoints: location autocomplete for the search field, get current weather and
5-day daily forecast. Please read those API docs.
המשך בתשובות
תשובות
הוסף תשובה
|
לצפיה בתשובות
אפריל 2021
המשך - כי אני מוגבל ל-1000 תווים
SPECS
1. Create a header with navigation icons/links/buttons for main and favorites screen.
2. The main screen (weather details) will be composed of a search field to search a
location’s weather by city name. And below it, the current weather and a 5-day forecast of
the searched location. A location should have an indication if it’s already saved in
favorites, and a button to add/remove from favorites (it can be the same button).
3. Display Tel Aviv weather by default.
4. Favorites screen will be composed of a list of favorite locations. Each location should
have an ID, name and current weather. Clicking on a favorite will navigate to the main
screen showing the details of that location.
5. Searching should be done in English letters only
6. State management is a must!
7. Responsive design is a must!
8. Error handling is a must! (can be done with toast, modal).
תחילה שיחה עם מגייסת ולאחר מכן קבלת משימת בית ארוכה שעבדתי עליה כמה ימים.
מניסיון שלי המראיין בכלל לא התייחס למשימת בית , הריאיון התנהל בזום ונותק מצידו באמצע עקב תקלה , המראיין לא חזר אליי ולא דיבר איתי.
מישהי אחרת שנכחה בשיחה אמרה תודה וניתקה . לא ניתנה לי הזדמנות להציג עד הסוף כמו שצריך את הפרויקט שעבדתי עליו 3 ימים .
קיבלתי תרגיל בית שאורך 5 ימים, להכין אתר בReact שמציג תחזית מזג אוויר בעל שני דפים ו Redux, תוך שימוש בAPI ולאחר מכן ראיון עם מנהל הפיתוח.
שאלות מתוך הראיון
1. מה ההבדל בין יחידות ה px לבין rem / em (בCSS)?
שאלות הקשורות לReact:
2. באיזה מקרים מגיעים ל defoult ב Switch Case שב reducer ?
3. למה צריך ליצור אוביקט חדש של state ב Redux (ולא רק) בזמן שינוי נתון שנמצא בו ?
4. איך להוסיף debounce ל inpute ? (בתרגיל הבית)
5. שאל לגבי dependencies - איפה השתמשתי ומה הם עושים ? (בתרגיל הבית)
ראיון לתפקיד 
