This project requires you to build 1 page in React Native based on [login to view URL] which is attached. Use [login to view URL] to acquire the parts of the map, if you can. On this page, users will select areas of the map and those areas will be added to the bottom as tags. Each tag will have a button with an X in it so that a user can remove the tag. To the right of the X button will be an icon. To the right of the icon will be the text associated with the area on the map that was clicked.
On the map, there will be 2 types of selections. A user might select a label or a user might select an area. For each of these selections, we have separate rules.
These selections qualify as labels: Thessaloniki, North Aegean Islands, Athens, Cyclades Islands, Dodecanese Islands, Ionian Islands.
These selections qualify as areas: Thrace, Macedonia, Epirus, Thessaly, Central Greece, Attica, Peloponese, Cyprus, Crete.
Rules for if a user selects something that qualifies as a area using Thrace as an example: The user must select the area of Thrace on the map (the section of the map that the word Thrace is on) in order to select Thrace. Then, Thrace will be added to the bottom as a tag. In addition, add a glowing border to the area of Thrace. There are 2 ways that a selected location can be deselected. One method is by selecting the location on the map again, and the other method is by clicking the X on the location's tag. When a location is deselected, the tag will disappear and the location's border will return to normal.
Rules for if a user selects something that qualifies as a label using Thessaloniki as an example: The user must select the label with the text Thessaloniki on the map in order to select Thessaloniki. Then, Thessaloniki will be added to the bottom as a tag. In addition, add a small glowing border to the text of Thessaloniki. There are 2 ways that a selected label can be deselected. One method is by selecting the label on the map again, and the other method is by clicking the X on the location's tag. When a location is deselected, the tag will disappear and the label's border will return to normal.