# CalendETH - User Story Screenshots ## Onboarding ### Disconnected State: ![](https://i.imgur.com/TM3ZagT.jpg) ### Connected State (Step 1): ![](https://i.imgur.com/rK8pqwf.png) ### Step 2: ![](https://i.imgur.com/X6QI6bo.png) ### Step 3: ![](https://i.imgur.com/Dr7ZKy0.png) ### Step 4: ![](https://i.imgur.com/6DMyYhT.png) ## Event Creation (Includes extra copy if it is your first event) ![](https://i.imgur.com/HHgPJ6C.png) ## Event Editing ![](https://i.imgur.com/Ib1fj4k.png) ## Profile (Editable) ![](https://i.imgur.com/5PO6GFZ.png) ### Availability Editing: ![](https://i.imgur.com/4adTbXT.png) ## Booking ### User Search: ![](https://i.imgur.com/kLBrYOB.png) ### User Page (Not Editable): ![](https://i.imgur.com/LYLH9wM.png) ### Token Swap for Gated Events: ![](https://i.imgur.com/o7zcguS.png) ### Booking Calendar: ![](https://i.imgur.com/oZ9FlZp.png) ### Booking Confirmation: ![](https://i.imgur.com/luVEDnk.png) ### Booking Confirmation (If Payment is Required): ![](https://i.imgur.com/AbJIqBi.png) ### Transaction Pending: ![](https://i.imgur.com/lF366SY.png) ### Success: ![](https://i.imgur.com/D0VWEiF.png) ## List of Bookings (Details are expandable and collapsable) ![](https://i.imgur.com/W37lu2R.png)