California State University, San Bernardino

CSUSB ScholarWorks

Electronic Theses, Projects, and Dissertations Office of Graduate Studies

8-2024

SERVICE CONNECT
Namrata Bomble

Follow this and additional works at: https://scholarworks.lib.csusb.edu/etd

Part of the Computer and Systems Architecture Commons

Recommended Citation
Bomble, Namrata, "SERVICE CONNECT" (2024). Electronic Theses, Projects, and Dissertations. 2020.
https://scholarworks.lib.csusb.edu/etd/2020

This Thesis is brought to you for free and open access by the Office of Graduate Studies at CSUSB ScholarWorks. It
has been accepted for inclusion in Electronic Theses, Projects, and Dissertations by an authorized administrator of
CSUSB ScholarWorks. For more information, please contact [email protected].
 SERVICE CONNECT

A Project

Presented to the

Faculty of

California State University,

San Bernardino

In Partial Fulfillment

of the Requirements for the Degree

Master of Science

in

Computer Science

by

Namrata Bomble

August 2024
 SERVICE CONNECT

A Project

Presented to the

Faculty of

California State University,

San Bernardino

by

Namrata Bomble

August 2024

Approved by:

Dr. Fadi Muheidat, Advisor, School of Computer Science and Engineering

Dr. Ronald Salloum, Committee Member

Dr. Jennifer Jin, Committee Member

ServiceConnect is an innovative web-based marketplace platform designed to

revolutionize how local services are accessed and managed in the US. By

connecting service providers and customers directly, ServiceConnect provides a

simple, secure, user-friendly platform for a range of services such as home repairs,

tutoring, pet care and more. Featuring convenient booking tools that increase

efficiency while simultaneously building trust among both parties involved.

ServiceConnect stands out with its comprehensive service range, user-

friendly interface, secure payment processing and rigorous verification process for

service providers. Leveraging advanced technologies like ReactJS on the frontend,

Node.js & Express on the backend and MongoDB for database management to

create a robust yet scalable architecture; as well as Firebase Authentication as well

as Stripe secure payment gateways ensure user privacy is prioritized through these

methods.

This project was motivated by the rising need for easy, convenient access to

local services due to gig economy and digital platforms. My background in software

development and my passion for solving real-world issues motivated my creation of

ServiceConnect with the goal of making service acquisition simpler for both

customers and providers.

iii
 ServiceConnect was developed with one primary goal in mind: to facilitate

finding and booking local services quickly and conveniently without traditional

hassles and improve overall user experience. Future enhancements will include

expanding service categories, developing mobile applications, incorporating AI-

powered recommendations, improving security features, as well as expanding

security features. This abstract captures its purpose, design, potential growth

potential and contributions to digital marketplace for local services.

iv
 ACKNOWLEDGEMENT

There are a lot of people who have helped us during the course of this

project. Without their assistance this project would have been incomplete. I, Student

at California Student University – San Bernardino; feel obliged to Department of

Natural Sciences, for teaching us the basics of Software development and guiding

me in the right direction.

I would like to extend our gratitude to our Dr. Fadi Muheidat, My Advisor, and

committee members Dr. Jennifer Jin and Dr. Ronald Salloum who mentored me

throughout the project development process and provided their valuable assistance

throughout different stages of software development.

v
 TABLE OF CONTENTS

ABSTRACT ................................................................................................................ iii

ACKNOWLEDGEMENTS .......................................................................................... v

LIST OF FIGURES .................................................................................................... x

CHAPTER ONE: INTRODUCTION............................................................................ 1

Why I Developed This Application................................................................... 1

Comparison with Existing System ................................................................... 2

Unique Features of My Work........................................................................... 2

Background ..................................................................................................... 3

Digital Platforms .............................................................................................. 4

Purpose ........................................................................................................... 5

Scope .............................................................................................................. 7

CHAPTER TWO: SYSTEM REQUIREMENT STUDY ............................................... 9

Hardware Requirement ................................................................................... 9

vi
 Software Requirement ................................................................................... 10

CHAPTER THREE: INTRODUCTION TO SYSTEM DESIGN ................................ 12

Introduction to System Design ...................................................................... 12

System Architecture Diagram........................................................................ 13

Sequence Diagram ....................................................................................... 17

User Interface................................................................................................ 18

Admin Dashboard ............................................................................... 18

Admin Partner Screen ........................................................................ 19

Admin Bookings Screen ..................................................................... 20

Admin Transaction Screen ................................................................. 21

Admin Verification Request Screen .................................................... 22

Service Provider ................................................................................. 23

Login Screen ...................................................................................... 23

Service Provider Dashboard............................................................... 24

Service Provider Booking ................................................................... 25

vii
Service Provider: Service Screen ....................................................... 26

Add Service ........................................................................................ 27

Service Provider: Chat Screen ........................................................... 28

Customer Dashboard ......................................................................... 29

Offered Services ................................................................................. 30

Beauty Services ................................................................................. 31

Filter Services ..................................................................................... 32

Book a Service ................................................................................... 33

Select Service Address ...................................................................... 34

Select Date for a Service .................................................................... 35

Select Time Slot and Proceed ............................................................ 36

Booking Summary Screen .................................................................. 37

Service Payment Screen .................................................................... 38

Payment Confirmation ........................................................................ 39

MongoDB ........................................................................................... 40

viii
CHAPTER FOUR : TESTING AND IMPLEMENTATION ........................................ 41

Unit Testing ................................................................................................... 41

Performance Testing ..................................................................................... 42

Integration Testing ........................................................................................ 43

REFERENCES ........................................................................................................ 44

ix
 LIST OF FIGURES

Figure 1. System Architecture Diagram .................................................................. 13

Figure 2. Sequence Diagram .................................................................................... 17

Figure 3. Admin Dashboard ...................................................................................... 18

Figure 4. Admin Partner Screen................................................................................. 19

Figure 5. Admin Bookings Screen ........................................................................... 20

Figure 6. Admin Transaction Screen........................................................................ 21

Figure 7. Admin Verification Request Screen ….…….............................................. 22

Figure 8. Partner Login Screen ............................................................................... 23

Figure 9. Service Provider Dashboard …................................................................. 24

Figure 10. Service Provider Booking........................................................................ 25

Figure 11. Service Provider Services…...………………........................................... 26

Figure 12. Service Provider Add service.................................................................. 27

Figure 13. Service Provider Chat……...................................................................... 28

x
Figure 14. Customer Front Screen........................................................................... 29

Figure 15. Offered Services ……….......................................................................... 30

Figure 16. Beauty Services………........................................................................... 31

Figure 17. Filter Services………….…...................................................................... 32

Figure 18. Book a Service ..……....…...................................................................... 33

Figure 19. Select Service Address........................................................................... 34

Figure 20. Select Date for a Service........................................................................ 35

Figure 21.Select Time slot and proceed................................................................... 36

Figure 22. Booking Summary Screen...................................................................... 37

Figure 23. Service Payment Screen......................................................................... 38

Figure 24. Payment Confirmation……..................................................................... 39

Figure 25. MongoDB Database…………….............................................................. 40

xi
 CHAPTER ONE:

INTRODUCTION

Service Connect is an innovative web-based marketplace platform created to

revolutionize how local services are accessed in the US. In a world where

convenience and reliability are of utmost importance, Service Connect serves as a

connection between service providers and customers offering an array of home

repairs, tutoring, pet care services and much more. It strives to facilitate seamless

connections that make booking reliable local services simpler than ever!

Why I Developed This Application

ServiceConnect was conceptualized after witnessing the difficulties

people encounter when searching for trusted local service providers.

Traditional methods like word-of-mouth referrals or searching through multiple

online platforms often end in frustration and inefficiency, leading customers

and service providers alike to feel frustrated by this process. By developing

ServiceConnect, my goal was to create a platform that streamlines this

process for both service providers and customers - offering one stop solutions

with transparency, security, and ease of use as hallmarks of quality services

providers.

1
 Comparison with Existing Systems

Existing platforms for local services frequently fall short in multiple

aspects. Many are too fragmented, catering only to niche markets without

offering a comprehensive array of services; others lack robust security

measures and make users hesitant to share personal data or complete

transactions online. ServiceConnect stands out by offering all its services

under one roof for seamless and secure user experiences; unlike competitors

that may feature cumbersome interfaces or limited features, ServiceConnect

features intuitive navigation with detailed provider profiles, user reviews and

secure payment options designed to foster trust and convenience for its

users.

Unique Features of My Work

Service Connect distinguishes itself through several unique features:

1. Comprehensive Service Range: ServiceConnect stands out from similar

platforms by providing a broad spectrum of local services ranging from home

repairs and pet care.

2. User-Friendly Interface: The platform is created with an emphasis on user

experience in mind, offering intuitive navigation and simple to use features.

2
 3. Secure Payments: ServiceConnect ensures secure transactions for both

service providers and their customers, offering complete peace of mind to

both sides.

4. Verified Providers: Verification procedures ensure that only qualified and

trustworthy service providers are included on our roster.

5. Transparent Reviews and Ratings: Customers can view detailed customer

reviews and ratings to assist them in making informed decisions.

6. Privacy Protection: This platform prioritizes user privacy by taking proactive

steps to secure their data.

Background

ServiceConnect was conceptualized after carefully considering the rapidly

shifting landscape of local services and the challenges that service providers and

customers alike were facing. Over recent years, there has been an exponential rise

in customer demand for reliable access to a range of local services ranging from

home repairs and personal tutoring to pet care and more - which coincides with an

increase in freelance jobs as well as digital platforms being utilized more regularly

for everyday transactions. This trend can be directly tied back to gig economy jobs

3
being available - as well as the increasing reliance of service providers on digital

platforms - leading up to ServiceConnect being developed from this observational

study of local service delivery platforms.

Addressing Challenges in Local Services:

Locating trustworthy local service providers has historically been an inefficient and

time-consuming process, with customers often resorting to word of mouth

recommendations, classified ads or fragmented online listings which were neither

guaranteed quality or reliability; service providers struggled to reach a wider

audience, manage bookings efficiently and establish credibility in an increasingly

competitive market; I recognized these pain points and saw an opportunity to

develop a comprehensive solution that could create an easier and more trustworthy

environment between service providers and customers.

Digital Platforms:

Digital platforms have become an indispensable part of life, providing

convenience and efficiency across many aspects of personal and

professional activities. However, many existing local service platforms lack

comprehensive features, security measures, and user-friendly interfaces;

therefore, this gap in the market inspired me to develop ServiceConnect; an

innovative digital platform which not only connects users with high-quality

4
 service providers but also ensures transparency, security, and user

convenience.

Purpose

ServiceConnect was designed to transform how local services are discovered

and booked, making the entire experience simpler and less time consuming for both

customers and service providers. By providing a centralized, straightforward platform

that makes acquiring services simpler than ever, ServiceConnect hopes to address

inefficiencies associated with traditional methods of acquisition by making its

platform user friendly.

ServiceConnect was developed to streamline the complex and time-consuming

process of finding reliable local services, eliminating time wasted searching word of

mouth or browsing various online listings and advertisements to locate service

providers. Instead, customers now have one central platform where they can search,

compare and book services such as home repairs, tutoring or pet care services

quickly and conveniently.

ServiceConnect creates a centralized platform by unifying customers and verified

service providers into one location, making their search for services simpler than

ever - users don't have to navigate multiple websites or directories just to locate

what they need; instead, they can rely on ServiceConnect for accessing an

5
extensive selection of local services, complete with profile pages, user ratings, and

reviews - saving both time and enhancing the overall user experience.

ServiceConnect was designed with convenience in mind. The platform provides

intuitive navigation and user-friendly interfaces, making it simple for customers to

search for services based on their individual requirements. Users searching for

plumbers, tutors or dog walkers can quickly find suitable service providers, view

profiles, read reviews and book appointments quickly - an experience unparalleled

by traditional methods of service acquisition. ServiceConnect understands the

importance of maintaining customer-provider trust, and places great emphasis on

developing it through thorough background checks and credential validation

processes for all service providers listed on its platform. Customer reviews help

promote transparency while creating informed decision-making based on other

people's experiences.

ServiceConnect prioritizes customer satisfaction as its core goal, and by

streamlining the process of discovering and booking local services it aims to create a

pleasant user experience. By easily comparing service providers, reading reviews,

and scheduling appointments at convenient times customers can quickly find exactly

the service they need quickly and efficiently - as well as benefiting from secure

payment processing and privacy protection features on ServiceConnect, which

provide safe user interaction and an enjoyable journey for users.

often present several obstacles and hassles, including unreliable providers, unclear

pricing and cumbersome booking processes.

ServiceConnect addresses these hurdles head on by providing a transparent and

efficient platform that offers clear pricing up front, allows easy

scheduling/rescheduling appointments as well as ensures service providers are

accountable through customer reviews/ratings; ultimately eliminating many of the

traditional pain points associated with service acquisition.

Scope

The software has been designed to meet all specified requirements by

providing an intuitive user interface that streamlines and simplifies daily activities for

its users. User-centric design ensures that users can navigate the platform

efficiently, complete tasks efficiently, and access features without additional

complexity. Additionally to facilitating daily operations, this software also generates

insightful reports which provide vital insight and enable informed decision-making.

This study's objective is to present a complete and accessible guide of its

architectural documentation. This documentation strives to ensure clarity and

usefulness for all involved in designing the system, from developers and engineers,

project managers, end users and users themselves. By outlining a system's

7
architecture, components, and interactions in detail, this study ensures that all

stakeholders gain a thorough understanding of its capabilities and design rationale -

leading to effective collaboration and successful implementation.

8
 CHAPTER TWO:

SYSTEM REQUIREMENT STUDY

Hardware and Software Requirements:

Hardware Requirements

1. Server Requirements:

o Instance Type: AWS EC2 Instances.

▪ CPU: 1 vCPUs or higher

▪ Memory: 4 GB RAM or higher for development; 8 GB RAM

or higher for production.

▪ Storage: 100 GB SSD for development; 500 GB SSD or

higher for production to handle high traffic and data storage

needs.

2. User Devices:

o Desktops/Laptops:

▪ Processor: Intel i5 or higher

▪ Memory: 8 GB RAM or higher

▪ Storage: 256 GB SSD or higher

▪ OS: Windows 10, macOS Mojave, or higher

9
 o Mobile Devices:

▪ OS: iOS 12.0 or higher, Android 8.0 or higher

▪ Internet Connection: Broadband internet with at least 10

Mbps speed

Software Requirements:

1. Frontend Development:

o ReactJS: Version 17.0 or higher

o Node.js: Version 14.0 or higher (for frontend build tools)

o Webpack/Babel: For module bundling and JavaScript compilation

o AWS S3: For hosting the frontend

2. Backend Development:

o Node.js: Version 14.0 or higher

o Express.js: Version 4.0 or higher

3. Database Management:

o MongoDB: Version 4.4 or higher, hosted on AWS (Atlas or self-

managed)

4. Authentication:

o Firebase Authentication: For managing user sign-in and security

5. Payment Gateway Integration:

6. Development and Collaboration Tools:

o Visual Studio Code: For coding (version 1.50 or higher)

o Git/GitHub: For version control and collaboration

o Postman: For API testing and development

7. Cloud Services:

o AWS EC2: For scalable computing resources

o AWS S3: For static asset storage and hosting

o AWS IAM: For managing access and permissions

11
 CHAPTER THREE:

INTRODUCTION TO SYSTEM DESIGN

Introduction to System Design

System design involves creating a detailed blueprint of a system's

architecture, components, modules, interfaces and data to meet certain

predetermined criteria. Its primary goal is translating requirements into designs

which describe both its operation and structure.

ServiceConnect is designed with its system architecture in mind to guarantee

scalability, security and seamless user experience by taking advantage of various

AWS services and modern web technologies. ReactJS forms the frontend for this

platform providing a dynamic user interface accessible from both web browsers and

mobile devices - this frontend resides on AWS S3 for high availability and reliability.

User authentication is handled via Firebase Authentication, offering secure

and efficient user management. Once authenticated, users can interact with the

Node.js-powered backend which houses business logic as well as RESTful APIs to

satisfy user requests while providing secure communication between frontend and

database.

12
 MongoDB, a NoSQL database renowned for its flexibility and scalability,

serves as the database management solution. This NoSQL platform ensures reliable

storage and retrieval of service provider, customer, booking details data. Payment

transactions are secured using payment gateways like Stripe providing users with

reliable payment solutions.

System Architecture Diagram

ServiceConnect's architecture ensures a robust and scalable platform

capable of handling high volumes of users and transactions while remaining secure

and maintaining performance. Leveraging AWS cloud services, ServiceConnect can

dynamically scale resources based on demand for an uninterrupted user experience.

Figure 1. System Architecture Diagram

13
Figure 1 describes

Frontend (ReactJS):

The frontend of ServiceConnect is built using ReactJS, a popular JavaScript

library for building user interfaces. ReactJS allows for the creation of dynamic and

responsive web applications. It provides a seamless user experience by allowing

users to navigate through the platform, view service providers, compare ratings and

reviews, and make bookings. The use of ReactJS ensures that the user interface is

both efficient and easy to maintain.

Hosting (AWS S3):

AWS S3 (Simple Storage Service) is used to host the frontend of

ServiceConnect. S3 provides a highly durable and scalable solution for storing and

serving static assets such as HTML, CSS, and JavaScript files. Hosting the frontend

on AWS S3 ensures that the platform can handle large amounts of traffic with low

latency, providing users with a fast and reliable experience.

Authentication (Firebase):

Firebase Authentication is utilized to manage user authentication and ensure

secure access to the platform. Firebase provides a comprehensive suite of

authentication services, including email and password authentication, as well as

providers like Google, Facebook, and Twitter. This component ensures that only
14
authorized users can access certain features of the platform, enhancing security and

user trust.

Backend (Node.js):

The backend of ServiceConnect is powered by Node.js, a JavaScript runtime

built on Chrome's V8 JavaScript engine. Node.js is well-suited for building scalable

and efficient web applications due to its non-blocking, event-driven architecture. The

backend handles all the business logic, processes user requests through RESTful

APIs, and manages interactions between the frontend and the database.

Database Management (MongoDB):

MongoDB, a NoSQL database, is used for managing the data within Service

Connect. MongoDB is chosen for its flexibility in handling unstructured data and its

ability to scale horizontally. It stores information related to service providers,

customer profiles, bookings, and reviews. This database system allows for quick

retrieval and updating of data, which is crucial for maintaining a responsive user

experience.

Payment Gateway Integration (Stripe):

Service Connect integrates with payment gateways such as Stripe to handle

secure and efficient payment processing. These gateways facilitate transactions

between customers and service providers, ensuring that payments are processed

15
reliably and securely. The integration of trusted payment solutions enhances user

confidence and provides a seamless payment experience.

16
Sequence Diagram

Figure 2. Sequence Diagram

17
User Interface

Admin Dashboard:

Figure 3. Admin Dashboard

Figure 3. shows the ServiceConnect admin dashboard, providing an overview of key

metrics such as total sales, amount paid, partners, users, services and transactions

statistics as well as booking status categorized into active, completed or cancelled

bookings providing a comprehensive picture of its activity and performance.

18
Admin Partner Screen:

Figure 4. Admin Partner Screen

Figure 4. shows the "Partners" section of ServiceConnect admin dashboard,

listing service providers along with their contact info, service types, and

locations. This allows the admin to easily view and manage profiles for

various partners including details like email addresses, phone numbers and

service categories.

19
Admin Bookings Screen:

Figure 5. Admin Booking Screen

Figure 5. shows the "Bookings" section of ServiceConnect admin dashboard,

showing active bookings along with customer name, amount paid, booking

timings, service provider and service type information. It allows administrators

to monitor and manage current bookings and provide specific details for every

appointment scheduled with its associated partner.

20
Admin Transaction Screen:

Figure 6. Admin Transaction Screen

Figure 6. shows the "Transactions" section of ServiceConnect admin

dashboard, listing all transactions by booking ID, payment intent, booking

status, buyer, partner and service type. This feature allows administrators to

effectively monitor financial activities associated with ServiceConnect platform

as it offers an overarching view of all related transactions.

21
Admin Verification Request Screen:

Figure 7. Admin Verification Request Screen

Figure 7. shows the "Verifications" section of ServiceConnect admin

dashboard which can be used to review verification requests from service

providers. Currently there are no outstanding requests, as indicated by "No

Partner Selected."

22
Service Provider:

Login Screen

Figure 8. Partner Login Screen

Figure 8. shows the login page for partner accounts on ServiceConnect platform,

where service providers can enter their email and password to gain entry to their

accounts, with options to reset password if lost or sign up if new.

23
Service Provider Dashboard:

Figure 9. Service Provider Dashboard

Figure 9. shows Ashley Ds' partner dashboard of ServiceConnect platform. It

displays key data such as earnings, completed bookings and active bookings as well

as prompting her to upload ID proof for verification, managing working hours

efficiently and viewing detailed stats about bookings, visits and profiles.

24
Service Provider Booking

Figure 10. Service Provider Booking

Figure 10 shows the "Bookings" section of ServiceConnect partner dashboard,

specifically filtered to display completed bookings. Each completed appointment

provides the partner with an organized view of past appointments with service type

(Facial), address, date/time/price data clearly displayed allowing an overview of past

bookings to be seen at a glance.

25
Service Provider: Service Screen

Figure 11. Service Provider Services

Figure 11 presents the "Services" section of ServiceConnect partner dashboard,

providing an overview of services provided by partners, such as their name,

bookings count, average pricing and status. Managing services includes creating

new ones or editing existing ones to fit various customer needs or toggling

availability statuses as needed.

26
Add Service:

Figure 12. Service Provider Add Service

Figure 12. depicts the "Add Service" interface within ServiceConnect partner

dashboard, where partners can define new services, they provide to clients. Partners

can select a category, provide details for different service levels (Basic, Advance

and Premium) such as estimated timeframe, price and what services packages

include in each instance of "Add Service".

27
Service Provider: Chat Screen

Figure 13. Service Provider Chat

Figure 13 displays the "Messages" section of ServiceConnect partner dashboard

where partners can communicate directly with their customers. The interface

displays conversations among various users, enabling partners to select specific

ones and send a direct message directly within the platform.

28
Customer Dashboard:

Figure 14. Customer Front Screen

Figure 14 depicts the homepage of ServiceConnect platform, with its signature

banner to highlight its purpose of offering on-demand home services with just a click.

It offers both a search bar for finding specific services as well as a location selector

so as to tailor offerings specifically to user locations ensuring ease of access and

convenience for service users.

29
Offered Services:

Figure 15. Offered Services

Figure 15 depicts ServiceConnect platform's service category selection page,

showcasing various types of available services such as Hair Salon, Beauty,

Cleaning, and Repairing. Each category is represented with an image and label to

make navigation faster for users in selecting what service type they require.

30
Beauty Services:

Figure 16. Beauty Services

Figure 16 displays the "Beauty Services" section on ServiceConnect platform,

showcasing specific beauty-related services such as Facials, Bridal Makeup, Party

Makeup, Waxing etc. Users can select any one of these services to learn more and

book, providing for easier navigation and service selection.

31
Filter Services:

Figure 17. Filter Services

Figure 17 presents search results for beauty services available through

ServiceConnect, with Ashley Ds and Jordan Thompson listed among those available

to searchers. Each listing displays details such as service type, provider's name,

service location rating total orders placed and average charges so users can

compare and select the ideal provider for them.

32
Book a Service:

Figure 18. Book a Service

Figure 18. shows Ashley Ds' Facial service page on ServiceConnect, providing

details such as description and pricing options as well as package selection for

booking purposes.

33
Select Service Address:

Figure 19. Select Service Address

Figure 19. shows the "Enter Details" pop-up window on ServiceConnect platform,

where users can choose their service package and enter their address to complete

booking for "Facial" service by Ashley Ds.

34
Select Date for a Service:

Figure 20. Select Date for a Service

Figure 20. shows the calendar interface on ServiceConnect platform, enabling users

to choose an exact day in July for scheduling their service appointment.

35
Select Time Slot and Proceed:

Figure 21. Select Time Slot and Proceed

Figure 21. shows the Booking Details Interface on ServiceConnect platform, where

users can choose their appointment date and time before proceeding with booking

the service appointment.

36
Booking Summary Screen:

Figure 22. Booking Summary Screen

Figure 22 shows the "Booking Summary" page on ServiceConnect platform, where

users can review details regarding their service appointment such as service type,

address, date/time/package prior to making payment.

37
Service Payment Screen:

Figure 23. Service Payment Screen

Figure 23 displays the payment options page on ServiceConnect platform, where

users can choose their desired payment method (Card, Cash App Pay, Afterpay or

Affirm) before proceeding with payment for their service.

38
Payment Confirmation:

Figure 24. Payment Confirmation

Figure 24 shows the Payment Confirmation Page on ServiceConnect platform,

showing that payment has been completed successfully and notifying users they are

being redirected to Orders page.

39
Mongo DB:

Figure 25. MongoDB Database

Figure 25 displays the MongoDB Atlas interface for ServiceConnect project, showing

a sample booking document containing service type, category, price and address

details.

40
 CHAPTER FOUR:

TESTING AND IMPLEMENTATION

In my work on ServiceConnect, I implemented an exhaustive testing regimen

to verify its functionality, security, and performance. Here are the specific steps and

methodologies used for this test phase of the project:

1. Unit Testing

Manual unit testing focused on verifying the functionality of individual

components in isolation.

• Frontend Unit Tests:

o Steps:

1. Manually tested individual React components by rendering them

with various props.

2. Checked component behavior by interacting with the UI

elements, such as buttons and input fields.

3. Verified state changes and event handling by performing actions

like form submissions and navigation.

4. Manually reviewed API call responses to ensure correct data

fetching and error handling.

41
2. Performance Testing

Manual performance testing evaluated the platform's responsiveness and

stability under load.

• Steps:

1. Defined performance criteria such as response time and throughput.

2. Simulated concurrent users by manually performing actions on multiple

devices simultaneously.

3. Measured the platform's performance under different load conditions

by monitoring response times and system behavior.

4. Identified performance bottlenecks by analyzing slow responses and

system logs.

5. Tested the application's scalability by incrementally increasing the

number of concurrent users.

3. Integration Testing

Integration testing ensured that different modules and services

worked together seamlessly.

• Steps:

1. Set up a test environment with all necessary dependencies.

42
2. Tested API endpoints with various request scenarios to ensure

correct responses and data flow.

3. Verified data flow between the frontend, backend, and

database by performing end-to-end tests.

4. Tested authentication and authorization flows by logging in

and accessing protected resources.

5. Validated payment gateway integrations by performing test

transactions using Stripe.

43
 REFERENCES

1. R. K. Chauhan and P. Bansal, "A Study on Usability of User Interfaces," International

Journal of Computer Applications, vol. 134, no. 1, pp. 25-28, 2016. This article

discusses the importance of usability in user interface design and its impact on user

satisfaction.

2. M. Khosrow-Pour, Ed., "Handbook of Research on Emerging Technologies for

Architectural and Design Practice," Advances in Civil and Industrial Engineering, IGI

Global, 2018. This handbook provides insights into modern architectural practices,

including software architecture.

3. AWS Documentation, "Amazon Web Services: Overview of Amazon Web Services,"

[Online]. Available: https://docs.aws.amazon.com/whitepapers/latest/aws-

overview/introduction.html.

4. IEEE, "IEEE Recommended Practice for Architectural Description of Software-

Intensive Systems," IEEE Std 1471-2000, 1998.

5. Coursera, "Server-side Development with Node.js, Express, and MongoDB,"

[Online]. Available: https://www.coursera.org/learn/server-side-nodejs.

6. OpenJS Foundation, "Best Practices for Node.js Development," [Online]. Available:

https://openjsf.org/.

7. M. Casciaro and L. Mammino, Node.js Design Patterns: Design and implement

production-grade Node.js applications using proven patterns and techniques, 3rd

8. M. Cantelon, M. Harter, T. Holowaychuk, and N. Rajlich, Node.js in Action, 2nd ed.,

Manning Publications, 2017.

9. T. Duggan, "Understanding Templating Engines in Node.js," Smashing Magazine,

2019. [Online]. Available:

https://www.smashingmagazine.com/2019/08/understanding-templating-engines-

nodejs/.

10. K. Tiller, "Comparative Analysis of Templating Engines in Node.js," Journal of Web

Development and Design, vol. 12, no. 3, pp. 45-58, 2018.

11. EJS Documentation, "EJS - Embedded JavaScript Templates," [Online]. Available:

https://ejs.co/.

12. Pug Documentation, "Pug - Node.js Template Engine," [Online]. Available:

https://pugjs.org/.

13. Handlebars Documentation, "Handlebars.js: Minimal Templating on Steroids,"

[Online]. Available: https://handlebarsjs.com/.

14. Node.js Foundation, "Node.js User Survey Report," 2018. [Online]. Available:

https://nodejs.org/static/documents/2018-Nodejs-User-Survey-Report.pdf.

15. McKinsey Global Institute, "Independent Work: Choice, Necessity, and the Gig

Economy," 2016. [Online]. Available: https://www.mckinsey.com/featured-

insights/employment-and-growth/independent-work-choice-necessity-and-the-gig-
45
 economy.

16. Gartner, "Magic Quadrant for Cloud Infrastructure as a Service, Worldwide," 2020.

[Online]. Available: https://www.gartner.com/doc/reprints?id=1-

24TMA47&ct=200430&st=sb.

46