App Screen 3 (UI + Backend integration)
The final screen of my webapp Travo is the welcome page. It has an alerts system and I will depict the flow it takes below,
The first alerts are sent when a buyer sends contact requests to sellers from the Buy screen,

As you can see above, I have sent two requests to the same seller. This would mean the seller receives two alerts on the welcome page(3rd screen),

The seller has two choices. Firstly, he/she can reject the request by clicking the “Remove notification” button. In this case, the request is rejected and on the next screen refresh, the alert is removed.

Secondly, the buyer can choose the accept the request by clicking on “Submit” after entering the details. On clicking “Submit”, it would notify if the details were sent successfully or not. The alert will disappear in the next screen refresh. This is depicted in the next three screens.



After the seller sends their details, the buyer will receive them and may choose to either view(by clicking on “View Contact Details”) or dismiss them(by clicking on “Dismiss”) at any point of time as shown below.


If dismissed, the alert will disappear on the next screen refresh.
This ends the functionality of the third and final screen. My app is hosted at https://travo.bellybutton30.hasura-app.io/