09. Create a reservation - ParkA-org/ParkA-MobileApp GitHub Wiki

Create reservation

Parking spot map detail

In the map page the user can see the parking spot near to the position of its choosing.

To rent a parking spot, the user has to tap on the calendar button provided in the pop up detail of the choosen parking spot.

This will redirect the user to the reservation form if the selected parking spot is not of the user itself.

Otherwise the app will throw an error.

Main sign in page

Create reservation form

The create reservation form is a multi step form where the user has to choose the date and the time to rent the choosen parking spot.

Main sign in page

If the parking spot has no avaliability on the choosen date, the sheet will appear with no options.

Main sign in page

Otherwise it will show only the schedules that are avaliable.

Main sign in page

After choosing a date and a time schedule, the app wil start showing the total amount to pay for the offered service.

Main sign in page

Main sign in page

Choose a payment method

The next step to complete is choosing the payment method to use in this reservation.

Tapping on the payment method tab wil redirect the user to a psge where all his payment methods will be shown.

By tapping on one method, the app will redirect back to the create reservation form and the choosen payment method will be shown.

Main sign in page

Main sign in page

Choose a vehicle

As for the payment method, by tapping on the vehicle tab, the user will be redirected redirected to a page where all his registered vehicles will be shown.

By tapping on one vehicle, the app will redirect back to the create reservation form and the choosen vehicle will be shown.

Main sign in page

Main sign in page

Confirm reservation

After the user has filled all the fileds, he will be able to proceed to the confirmation page where he can review all the informations about the reservation and eventually will be able to modify for a last time the payment method or the vehicle.

Main sign in page

Main sign in page

Main sign in page

Main sign in page

Client history

After successfully creating the reservation, the user will be redirected to the Client History page.

Main sign in page