Users didn't like the white background on the prototype because they usually check the app on the nigthttime and the brightness blind them, so i change the background color to a more appropiated color such a gradient blue, a better color to see in the nighttime, and also keep the essence of the company referencing the color of the ocean.

I decided to use a sidemenu on the app instead of a typical menu bar on the top to not overload the interface, this way is more user friendly and visually organized.

When the user login, register or send a message, he will receive a confirmation message letting him know that he did it succesfully, and an error message when not, alongside this the CRUD that admins use to admininstrate all the information of the boats and managers have the same feature, with the addition of a cancel option when you try to delete something.

• **MYSQL Server: ** https://dev.mysql.com/downloads/mysql/

• **MYSQL Workbench, XAMPP or another Database manager: ** https://www.apachefriends.org/es/index.html

• ------------------DEPENDENCIES----------------------

• node dependencies: npm install

• multer: npm install multer

• sequelize: *npm install sequelize

• You need to import the db_boats.sql to your Database manager, once you do that, you need to create a .env archive like this:

  

• Then go to your console and install all the dependecies listed above, once you do that, use the command npm start to initiate the backend.

• Visual Studio Code or another editor: https://code.visualstudio.com/

• -------------DEPENDENCIES--------------

• node dependencies: npm install

• sweetalert2: npm install sweetalert2

• In the console install the dependencies listed above, like you did with the backend, then use the command ionic serve --lab to start the aplication.

• if you get an error message from the ionic lab, install the dependency with the command: npm install ionic-lab

When you initiate the app you will see the info page, this page is just information about the company and a photo slider of the shipyard.

You can open the main menu by swipping to the right or clicking on the 3 bars icon at the left topside.

In the Contact Us page, you can send a question or a request to the company, and in the managers one you will see a slider with information about our managers.

You can only access to the boats page if you are a client or and administrator, this page will display information about the reparation status of your boats.

As and administrator you can access to the admin boats and managers pages, that allows you to filter by name, modify, create or delete the information about them in a simple way.

You can delete the entry with the trash icon, modify it with the paper one or add a new entry with the green button.

If you try to modify or create an entry, you will enter on a new page, that allows you to edit or insert the information.