BUZZ UI design

[iamacoderguy]

• [ ] Screen
  • [ ] Buzz yourself (2 hours)
  • [ ] A profile & list of profiles (swipe, end of the list?) (4 hours)
  • [ ] If there is a new buzzer in the area (1 hour)
  • [ ] Establishing a connection (two apps) (1 hour)
  • [ ] Buzzing mode (two apps) (2 hours)
  • [ ] From buzzing mode to normal mode (2 hours)
• [ ] Flows (Happy cases)

EST: 12 hours

It will display a profile of the last "buzz"

• A profile may include an avatar, a name and a username (small text for id users who have the same names) etc.
• If it's a first time of using the app, it will display a random profile in the current user's nearby list
• Swipe to navigate between profiles in the list

Buzzers will link to each other when they are in an area of 500m After logging in, the position of a buzzer will be updated to back-end automatically even if the app is closed. Long pressing on a profile will establish a connection between the current user and the profile After connected, the current user can buzz the other one by pressing on the screen When stopping pressing in 3s or pressing back or closing app, etc. the connection will be closed.

If there is no buzzers in the area, "would you like to buzz yourself" screen will be displayed

[iamacoderguy]

• [ ] https://reactjs.org/docs/hooks-reference.html#usecontext
• [ ] https://reactjs.org/docs/hooks-reference.html#usereducer

[iamacoderguy]

• [ ] https://medium.com/@christianchown/dont-use-async-redux-middleware-c8a1015299ec

[iamacoderguy]

https://github.com/stevenpersia/tinder-react-native

[iamacoderguy]

https://channel.mediacdn.vn/2020/5/25/renogifpr-14-1590374237685587128190.gif