Create a React Map App
Budget: $250 – $750 CAD
Create a map that pin points different locations with a red dot, but if the red dots are close together on a zoomed-out view, put all the red dots in one big black dot. Each time the user visits the red dot the user can add a post, for example I visited the dot.
Once the user visits the dot, turn the color of the dot to green with an if statement. Also, there should be a component that lets the user decide whether they want to visit the red dot daily, weekly, monthly. The dot should turn back to red on the 1st of every month. Depending on what they choose the don’t should have an A(daily), B(weekly) or C(monthly) written on it.
Add a button that lists out all the red, for example dot1, dot2, dot3. The list should be in a column. The red dot is an example. Give the user a choice of giving the dot any color they choose. They should have 12 color options. Features: add feature that lets users choose more than one dot by dragging on the map and selecting dots.
Once the dots are selected the map should tell the user travel time between each dot and also add a case the calculates the travel if the user decides to visit the dot for a times 15mins, 30mins, 45mins, 60mins. Also add directions if the user chooses to visit one dot only. please write and start your proposal with "hello hi" so I know you actually read the proposal.
The user can also create a post from the Dot. Let’s say they are at the red dot; they can post that they drank something at the dot or they ate something at the red dot. Or they can post that they want to visit the red dot again in the future, they will pick a date and a time of how long they’ll visit, for example 10am to 11am and add on the date they pick whether they are going to eat something or drink something when they visit again. If the user records they ate something While at the dot the user should also be able to record what they ate.
If the user records they drank something While at the dot the user should also be able to record what they ate. The project is perfect for a team or someone who has experience with google maps api or working with map box. Please be good at working with Typescript.
Once the user visits the dot, turn the color of the dot to green with an if statement. Also, there should be a component that lets the user decide whether they want to visit the red dot daily, weekly, monthly. The dot should turn back to red on the 1st of every month. Depending on what they choose the don’t should have an A(daily), B(weekly) or C(monthly) written on it.
Add a button that lists out all the red, for example dot1, dot2, dot3. The list should be in a column. The red dot is an example. Give the user a choice of giving the dot any color they choose. They should have 12 color options. Features: add feature that lets users choose more than one dot by dragging on the map and selecting dots.
Once the dots are selected the map should tell the user travel time between each dot and also add a case the calculates the travel if the user decides to visit the dot for a times 15mins, 30mins, 45mins, 60mins. Also add directions if the user chooses to visit one dot only. please write and start your proposal with "hello hi" so I know you actually read the proposal.
The user can also create a post from the Dot. Let’s say they are at the red dot; they can post that they drank something at the dot or they ate something at the red dot. Or they can post that they want to visit the red dot again in the future, they will pick a date and a time of how long they’ll visit, for example 10am to 11am and add on the date they pick whether they are going to eat something or drink something when they visit again. If the user records they ate something While at the dot the user should also be able to record what they ate.
If the user records they drank something While at the dot the user should also be able to record what they ate. The project is perfect for a team or someone who has experience with google maps api or working with map box. Please be good at working with Typescript.