6. Client Side
The client has been developed using Ionic 2 framework. it provides the necessary tools to create hybrid, cross-platform apps that can run either in Android, IOS or Windows Phone using the same code. Ionic 2 is a fairly new framework that was released shortly after Angular 2 (around July 2016) and makes use of it extensively. It provides a nice implementation of the MVC principles and uses HTML, SCSS (sass) and Typescript (that gets converted to javascript in the background).
| Screenshot | LogIn |
|---|---|
 |
The login screen contains two input boxes to enter username and password. It also allows the user to register if he has no account yet by clicking on Create New Account. |
| Screenshot 1 | Screenshot 2 | Register |
|---|---|---|
 |
 |
Fill the minimal required fields (All) to register as a new user and start using the application. |
| Screenshot | Main Menu |
|---|---|
 |
Main Menu lets the user either log out (top right corner) or place a booking or Manage its bookings. |
Place a Booking
| Screenshot | Book |
|---|---|
 |
After selecting all inputs from the dropdown selects the booking button will become available allowing the user to place the booking. |
| Screenshot | Managing Bookings |
|---|---|
 |
My Bookings will show the list of available bookings, either the ones completed, pending of review or the new bookings pending of the user to select a salon, or the upcoming bookings. |
| Screenshot | Register |
|---|---|
 |
Contains the booking information, the selected salon or the list of candidate salons. If the booking is completed it will allow the user to place a review for the salon. |
| Screenshot 1 | Screenshot 2 | Salon details |
|---|---|---|
 |
 |
In salon details will be displayed all information relative to the salon as well as their rating and reviews. |
| Screenshot | Reviewing a Salon |
|---|---|
 |
After a booking has been completed the user will be able to rate the salon and write a short review. |