• Table of Contents
  • Project Description
  • Project Live Demo
  • Project presentation
  • Technologies
  • User Stories
    • Client Stories
    • TechMan Stories
    • Admin Stories
  • WireFrames
  • UseCase & ER Diagram
  • Mood Board
  • Development Process
  • Future Goals
  • Final result
  • MainToU Team
  • References

MainToU is the first place to go once a tech issue occurred, it will help any company of any industry that faced a the technical issue to find the appropriate maintained company, easily book an available appointment from the appointments calendar, and edit, cancel the booked appointment, with the ability to track the appointment status whether it’s confirmed, in progress or finished to be aware of any changes, MainToU cares, strives to help, to be the bridge for solving your issues. MainToU is a full-Stack Web Application, we used MERN stack technologies to build MainToU and with different technologies to be illustrated.

Enjoy visiting us, have a nice tour! Live Demo Link

NOTE: If you want to see the Admin Page you must login with those credentials: Email: [email protected] | Password: Admin@251

Presentation Link

A list of technologies used within the project:

1. As a client, I should be able to register on the website.
2. As a client, I should be able to login/logout to the website.
3. As a client, I should be able to edit my profile after creation.
4. As a client, I should be able to navigate between the website's sections.
5. As a client, I should be shown all the available appointments from the calendar.
6. As a client, I should be able to book a new appointment.
7. As a client, I should be able to read my booked appointment.
8. As a client, I should be able to update my booked appointment.
9. As a client, I should be able to delete my booked appointment.
10. As a client, I should be able to track my appointment status
11. As a client, I should be able to read all my booked appointments.
12. As a client, I should be able to rate my finished appointment.

1. As a Tech Man I should be able to login/logout to the website. 2 As an Tech Man I should be able to change the appointenment status, confirmed\ in progress\ finished.

1. As an admin, I should be able to login/logout to the website.
2. As an admin, I should be able to add a new maintenance company.
3. As an admin, I should be able to add a new Tech Man. 4- As an admin, I should be able to edit the added maintenance company.
4. As an admin, I should be able to edit the added Tech Man.
5. As an admin, I should be able to delete a maintenance company.
6. As an admin, I should be able to delete a Tech Man.
7. As an admin, I should be able to search for a maintenance company.
8. As an admin, I should be able to search for a Tech Man.

The ER Diagram and Use Case Diagram to clarify the functionalities associated with our users.

Our Mood Board that we got inispired with, along with our logo, color palette, and fonts.

Starting with creating the wireframes, ER Diagram, UseCase Diagram and listing the User Stories to visualize the final result and simplify the development process, helps to accomplished the requirements and achieved the goals and stretcher goals.

• Adding the Tracking Feature.
• Adding a third-party API.
• link calendar from Database.
• Adding a checkout payment method.
• Adding more functionalites to the profile

The team at MainToU shares the vision and values of our community. We’re driven by the idea that the best work is born from collaboration, craftsmanship, and passion. created with care, and love to be the first place to go once an issue occurred, to help those who suffer from finding the best technical man by Abeer Albawardi, Amani Alosaimi, Aseel Alqasem, Raghad Abo Mansour and Hind Alzahrani at SEI-14.

• Ant Design
• MongoDB