Courses

Amy Rintoul

Hey, My name is Amy! I am passionate about Design [specifically UX/UI]. During my time at IADT, I worked on a variety of projects, ranging from designing websites to making 3D Unity games to building VR applications. As much as I loved working on each project, my love for design has grown massively!

A brand's logo is its emblem, and although it does not occupy very much room, it has a significant impact. I chose to design a remarkably simple but effect logo, keeping with the colour scheme can be eyecatching and memorable.

PPCI provides the ability for users to connect with one of the companies highly qualified technicians. Users can book appointments, view past/ present appointments, view mechanics history. The React Native framework was used to develop a hybrid application - for both iOS and Android devices.

An authentication mechanism was put in place, allowing users to create an account and sign in using the app's backend, which is an Express/NodeJS app which interacts with a MongoDB database. A mechanic can also log in, but only if they are registered in the backend. Because not everyone is eligible to become a mechanic.

Once the user has logged into their account, they are brought to the home screen. This is where they can see upcoming appointments, view which mechanics work within the company, view what services the company provides. A bottom tab navigator was adopted to provide the users with an easy navigation process. From here, they can navigate to the reports screen, book an appointment screen, messenger screen and can logout.

The book an appointment screen is where the user can book an appointment filling out each input field. The reports screen is where the user can view all reports that have been completed by the mechanic after the inspection has occured.

By clicking the mechanics profile image on the homepage, the user may browse to the mechanics profile and learn additional information about this mechanic. The user may also access a blog screen to examine relevant vehicle information. The aim is to cover as much of the automotive realm as possible in order to offer you the finest news, reviews, and perspectives on anything automotive.

Users may interact with a mechanic using the chat screen. This screen wasn't fully implemented. Once the mechanic is logged in they are redirected to the mechanic homepage. Even though it isn't entirely completed, this illustrates the difference between a mechanic being logged in and a client.

The bottom tab bar icons allow the mechanic to view all of their forthcoming appointments. The mechanic is redirected to the create a report screen after clicking "create report." It displays the customer and the vehicle for whom the mechanic is generating the report for. For each component, the mechanic can select from Green, Yellow, or Red. Green meaning the 'Lights' are in superb nick, Red meaning they are in awful nick.

The screen for creating a report is continued. When the mechanic presses the submit report button, the report is generated and saved in the database; the customer may then see this report by logging into their account.

When a user finishes working with the application, they can easily logout by clicking the logout button on the bottom tab bar, which redirects them to the welcome screen.

Project Description

Pre-purchase car inspections are conducted independently of car dealerships, with the primary purpose of ensuring that the client's future vehicle is safe, roadworthy, and not a waste of money.
- Know before you buy.
Each examination looks at over 100 elements, including the engine, gearbox and chassis, as well as minor issues.
One of the company's highly skilled technicians will carry out the inspection.
The final application is built using the MERN stack, with the frontend (mobile app) developed using React Native, the database is hosted on MongoDB and the backend/server which is an Express/NodeJS application. The API is used to access account data and Appointments, Reports, Services, Chats and Vehicles.

Thesis ♡ ♡ PDF