---
# System prepended metadata

title: CalendETH - User Story Screenshots

---

# 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)
