Find Jobs
Hire Freelancers

React Native Map Selection Screen

$10-30 USD

In Progress
Posted about 6 years ago

$10-30 USD

Paid on delivery
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.
Project ID: 16054355

About the project

Remote project
Active 6 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

About the client

Flag of UNITED STATES
Sherman Oaks, United States
5.0
11
Payment method verified
Member since Apr 17, 2017

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.