React Native interactive bubble view page
Budget: $750 – $1,500 USD
1. Page should take a maximum of 100 bubbles.
2. Each bubble should have an event listener, when the user clicks on a bubble there will be an action called. Which action doesn’t matter, it’ll be determined but my team.
3. When the user clips on a bubble there should be an animation that bubble bursts.
4. Bubbles should be in either red or green color. It should be easily set by engineers.
The size of the bubble depends on the percentage of the gain.
5. Users can drag the screen by pressing the finger and moving ( left | right | top | bottom ). Based on where user drags the screen, bubbles in the quad should be zoomed in, so they got bigger in size, more visible. The size of the bubble compare to other bubbles in the quad should be determined by the percentage gain.
6. Once the user changes the default center of the page by dragging the screen ( left | right | top | bottom ) a new button should appear at the bottom center saying “reset”. Clicking on the reset button, it’ll reset the default center and display the size of the bubble based on the percentage of the gain.
2. Each bubble should have an event listener, when the user clicks on a bubble there will be an action called. Which action doesn’t matter, it’ll be determined but my team.
3. When the user clips on a bubble there should be an animation that bubble bursts.
4. Bubbles should be in either red or green color. It should be easily set by engineers.
The size of the bubble depends on the percentage of the gain.
5. Users can drag the screen by pressing the finger and moving ( left | right | top | bottom ). Based on where user drags the screen, bubbles in the quad should be zoomed in, so they got bigger in size, more visible. The size of the bubble compare to other bubbles in the quad should be determined by the percentage gain.
6. Once the user changes the default center of the page by dragging the screen ( left | right | top | bottom ) a new button should appear at the bottom center saying “reset”. Clicking on the reset button, it’ll reset the default center and display the size of the bubble based on the percentage of the gain.