Skip to content

Overview

Akram El Assas edited this page Oct 5, 2023 · 14 revisions

In this section, you'll see the main pages of the frontend, the backend and the mobile app.

Frontend

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.

Frontend

Below is the search result of the main page where the customer can choose a property for rental.

Frontend

Below is the page where the customer can view the details of the property:

Frontend

Below is a view of the images of the property:

Frontend

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.

Frontend

Below is the sign in page.

Frontend

Below is the sign up page.

Frontend

Below is the page where the customer can see and manage his bookings.

Frontend

Below is the page where the customer can see a booking in detail.

Frontend

Below is the page where the customer can see his notifications.

Frontend

Below is the page where the customer can manage his settings.

Frontend

Below is the page where the customer can change his password.

Frontend

That's it. That's the main pages of the frontend.

Mobile App

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.

Backend

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.

Backend

Below is the dashboard page of the backend where admins and agencies can see and manage bookings.

Backend

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.

Backend

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.

Backend

Below is the page where admins and agencies can edit properties.

Backend

Below is the page where admins can manage customers.

Backend

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.

Backend

Below is the page where to edit bookings.

Backend

Below is the page where to manage agencies.

Backend

Below is the page where to create new agencies.

Backend

Below is the page where to edit agencies.

Backend

Below is the page where to see agencies' properties.

Backend

Below is the page where to see customer's bookings.

Backend

Below is the page where admins and agencies can manage their settings.

Backend

There are other pages but these are the main pages of the backend.

That's it. That's the main pages of the backend