single page map application

---

شرح پروژه

Map Component

Technical Details:

1. This component is a type of page in Ionic.

1. When the page loads it calls an endoint called /items using cordova-plugin-advanced-http and @ionic-native/http to get list of items as a JSON.
   • Hint: You can mock the endpoint but http call must be there.

1. The items returned contain lat and long as location details and some other properties like name and url.

1. The items need to be deserialised into TypeScript interface or class called "Item" containing proper fields.

1. Share the process of the development on a private git repository.

Appearance and UI Features

1. These items will be rendered on the map with a custom icon (must be replaceable) on the map.

1. Whenever there are close items in the map that cant be shown separately they need to be replaced by another icon showing the number of available items (clustering feature) at that location.

1. By zooming in there will be more space on the map to show the items individually.

1. There must be a bar on top of the page to make it possible to search for a keyword among items and filter out the items that are already displayed in the view of the map.

1. There must be a floating icon in bottom right of the page for zooming in to current location containing at least one item in the view and showing our current location on the map.

1. By tapping on each cluster, it will zoom in to fit and view all items in the map in that cluster.

1. By tapping on each of the single items in the map, there should be a bottom-modalappearing from bottom of the screen showing:
   1. Should load an image from url specified in item object on top.
   1. Display some text as description below the item.
   1. Two buttons horizontally aligned on a row.
   1. The modal can be dismissed by tapping on the map again, or can be dragged back down.

1. There should be a horizontally scrollable bar on top of the page (below search bar) containing small buttons which acts like filtering on shown items. For example category. The list of these categories must be fetched from endpoint /categoriesusing http client.

این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

---

---