Reservations - ParkA-org/ParkA-WebApp GitHub Wiki

Reservations

Parking reservation

To realize the main feature of the platform the user only have to follow a few steps.

Map

In the first step the user should go to the map, he/she can do so when they click in the Map link in the logged in menu or in the landing page when they click the Explorar parqueos button.

Page map

Landing page

Map filters

As seen in the picture, the user is able to select different filters such as prince range, sector, features that they desire are in the parking they want to select, etc. This help them narrow the results in the map.

Map filters

Selecting a parking

One the user sees a parking near the area they are going they can select it to see some basic information about it.

Map selected parking

Parking detail page

Once the user click the Ir al parqueo button the app navigate them to the detail page of the parking in which they can see the parking reviews, images, and more information about it.

Parking detail page

Parking detail availability

If the user desires to know the available dates in which he can reserve the parking he can by clicking the Disponibilidad the page will show a modal from which the user can select the renting date and confirm if the parking isn't occupied in that date.

Parking availability component

Parking checkout page

Once the user is sure they want to reserve the parking by clicking the Reservar button they go to the parking checkout page from which they get more information such as the hour price and where they select their respective vehicle and payment method they would use.

Reservation result page

Once the user presses the Procesar pago button they go to the reservations page where the newly created reservation is. Parking reservation result