Overview
In this section, you'll see the main pages of the frontend, the backend and the mobile app.
From the frontend, the customer can search for available properties, choose a property and checkout.
Below is the main page of the frontend where the customer can a location point and time, and search for available properties.
Below is the search result of the main page where the customer can choose a property for rental.
Below is the page where the customer can view the details of the property:
Below is a view of the images of the property:
Below is the checkout page where the customer can set rental options and checkout. If the customer is not registered, he can checkout and register at the same time. He will receive a confirmation and activation email to set his password if he is not registered yet.
Below is the sign in page. On production, authentication cookies are httpOnly, signed, secure and strict sameSite. These options prevent XSS, CSRF and MITM attacks. Authentication cookies are protected against XST attacks as well via a custom middleware.
Below is the sign up page.
Below is the page where the customer can see and manage his bookings.
Below is the page where the customer can see a booking in detail.
Below is the page where the customer can see his notifications.
Below is the page where the customer can manage his settings.
Below is the page where the customer can change his password.
That's it. That's the main pages of the frontend.
From the mobile app, the customer can search for available properties, choose a property and checkout.
The customer can also receive push notifications, if the status of his booking is updated.
Below is the main page of the mobile app where the customer can choose pickup and drop-off points and time, and search for available properties.
Below is the search result of the main page where the customer can choose a property for rental and checkout.
Below are sign in and sign up pages.
Below are the pages where the customer can see and manage his bookings.
Below are the pages where the customer can update his profile information, change his password and manage his notifications.
That's it for the main pages of the mobile app.
Movin' In is agency-oriented. This means that there are three types of users:
- Admininistrators: They have full access to the backend. They can do everything.
- Agencies: They have limited access on the backend. They can only manage their properties, bookings and customers.
- Customers: They have access to the frontend and the mobile app only. They cannot access the backend.
Movin' In is designed to work with multiple agencies. Each agency can manage its properties, customers and bookings from the backend. Movin' In can also work with only one agency as well.
From the backend, admins can create and manage agencies, properties, locations, customers and bookings.
When new agencies are created, they receive an email prompting them to create their account to access the backend so they can manage their properties, customers and bookings.
Below is the sign in page of the backend.
Below is the dashboard page of the backend where admins and agencies can see and manage bookings.
If the status of a booking changes, the related customer will receive a notification and an email.
Below is the page where properties are displayed and can be managed.
Below is the page where admins and agencies can create new properties by providing images and property info. For cancellation for free, set it to 0. Otherwise, set the price of the option or leave it empty if you don't want to include it.
Below is the page where admins and agencies can edit properties.
Below is the page where admins can manage customers.
Below is the page where to create bookings if the agency wants to create a booking from the backend. Otherwise, bookings are created automatically when the checkout process is completed from the frontend or the mobile app.
Below is the page where to edit bookings.
Below is the page where to manage agencies.
Below is the page where to create new agencies.
Below is the page where to edit agencies.
Below is the page where to see agencies' properties.
Below is the page where to see customer's bookings.
Below is the page where admins and agencies can manage their settings.
There are other pages but these are the main pages of the backend.
That's it. That's the main pages of the backend