The functionality I am working on is centered around the date creation feature of smitten where matched users can create an idea for a date using day/time, theme and location options, then send it to their match that can accept/reject the date idea.
React, react-google-maps/api, HTML/SCSS
day/time, theme and location selection with dynamic update on details Google maps API for location selection that auto searches based on theme selected, displays a marker for each user Will need global context/state so the location selection component has access to selected theme
- Match/Begin
- Day/time
- Theme
- Location (GoogleMapsApi)
- Finalise
All sequential until Finalise where you can go back to 2, 3 or 4. Consider a "back to finalise" reroute when new selection is made. Can return to previous page using the back button at top left.
- Location page details slide box section and search box section, along with search results functionality.
- Slow transitions between pages, slide to send button and colour change for option buttons.