Analysis, Design, and Implementation of a Service Exchange Web Platform Using Single-Page Application (SPA) Architecture: A Case Study of the Localhands Ecosystem

UNIVERSITY OF BUEA

Faculty of Engineering and Technology • Department of Computer Engineering

Analysis, Design, and Implementation of a Service Exchange Web Platform: A Case Study of the Localhands Ecosystem

Title	Analysis, Design, and Implementation of a Service Exchange Web Platform Using Single-Page Application (SPA) Architecture: A Case Study of the Localhands Ecosystem
Author	Tiani Pekins Ebika
Institution	University of Buea, Faculty of Engineering and Technology, Department of Computer Engineering
Degree	Bachelor of Engineering (B.Eng.) in Computer Engineering – Option: Software Engineering
Supervisor	Dr. Nde Nguti, University of Buea
Academic Year	2024/2025

 

 

 

The growing demand for accessible and efficient platforms connecting individuals with a diverse range of services, from traditional local crafts to modern professional offerings, necessitates innovative web application solutions. This study presents the design and implementation of a service-exchange web platform developed as a single-page application (SPA) to facilitate seamless transactions across a wide spectrum of services. The platform aims to bridge the gap between users seeking services encompassing house chores, agriculture, arts and crafts, and contemporary professional skills. Leveraging the benefits of SPA architecture, including enhanced responsiveness and a fluid user experience, the system enables dynamic service listings, real-time communication, and efficient transaction management. This approach simplifies user interaction and promotes a vibrant local economy. Through a user-friendly interface and robust backend infrastructure, the developed platform effectively demonstrates the potential of SPA technology to create a versatile and accessible marketplace for both traditional and modern service exchanges.

Key Highlights

•         Focus on Service Diversity: The platform explicitly addresses a range of services from traditional local crafts to modern professional offerings, including house chores, agriculture, and arts and crafts.

•         Emphasis on Accessibility: The platform makes services accessible and efficient to a broad user base across Cameroon and Africa.

•         SPA Benefits: Advantages of Single-Page Application architecture responsiveness, fluid experience are directly tied to dynamic service listings, service categorization, real-time communication, and efficient transaction management.

•         Local Economy Impact: The platform promotes a vibrant local economy, emphasising its potential social and economic impact.

•         Bridge the Gap: Designed to solve the problem of fragmented, informal service discovery in Cameroon’s local economy.

Keywords

Service Exchange Platform, Single-Page Application (SPA), Localhands, Gig Economy, African Digital Economy, Cameroon, React, NestJS, PostgreSQL, Mobile Money, Trust Mechanisms, Local Services

 

CHAPTER 1: GENERAL INTRODUCTION
1.1 Background and Context of the Study
1.2 Problem Statement
1.3 Objectives of the Service Exchange Platform
1.4 Methodology
1.5 Significance of the Study
1.6 Scope of the Study
1.7 Delimitations of the Study
1.8 Definition of Keywords and Terms
1.9 Organisation of Dissertation
CHAPTER 2: LITERATURE REVIEW
2.1 Introduction
2.2 General Concepts on Localhands
2.3 Related Works
2.4 Partial Conclusion

 

1.1 Background and Context of the Study

The global digital landscape has undergone a profound transformation, significantly accelerated by the COVID-19 pandemic, cementing the role of online platforms in daily life. Within Cameroon and the broader African continent, this shift presents a distinct opportunity: while demand for modern professional services grows, a vast informal economy of local “hands-on” services plumbing, tailoring, domestic help, and artisanal crafts, remains underserved by technology. Traditional access to these services depended on word-of-mouth and fragmented informal networks, suffering from geographical limitations, information asymmetry, and a lack of standardized trust mechanisms.

To bridge this gap, this project proposes Localhands a service exchange platform engineered as a Single-Page Application (SPA). Localhands aims to create a centralized, trustworthy, and efficient digital marketplace designed to formalize the local service economy and provide a unified space where both traditional hands-on skills and modern professional services can coexist.

1.2 Problem Statement

The process of connecting clients with skilled local service providers is inefficient, unstructured, and fragmented, hindering both service discovery for clients and market access for providers. This systemic disorganization forces transactions into high-risk, informal channels, leading to a prevalent lack of trust, payment insecurity, and no reliable mechanism for quality assurance or reputation building.

1.3 Objectives

General Objective

To design and deploy a scalable, user-centric single-page application that efficiently connects individuals with a diverse range of local and modern services across Cameroon and Africa, fostering economic empowerment, improving service access, and building trust through seamless transactions, real-time communication, and transparent reviews.

Specific Objectives

•         Analyze and define system requirements through market research and stakeholder consultations.

•         Design and develop the core SPA platform using React, TypeScript, Vite, and PostgreSQL.

•         Implement secure, trust-building features: role-based access control, provider verification, and a review/rating system.

•         Create intuitive user-centric workflows: service search, dual booking/job-posting, proposal/contract management, and real-time messaging.

•         Ensure platform performance and usability through responsive design, load testing, and usability testing.

1.4 Methodology

The development follows a five-phase structured, iterative approach:

•         Phase 1 – Requirements Analysis and Planning: Market research, user interviews, technology selection (React, NestJS, PostgreSQL), and project planning.

•         Phase 2 – Design and Architecture: SPA architecture design (React Router, Ant Design), UI/UX wireframes, database schema, and RESTful API design.

•         Phase 3 – Development and Implementation: Front-end and back-end development, database implementation, and core feature development including proposal, review, and messaging systems.

•         Phase 4 – Testing and Evaluation: Unit testing, integration testing, User Acceptance Testing (UAT), performance/load testing, and security testing.

•         Phase 5 – Deployment and Maintenance: Cloud deployment, user training/documentation, ongoing maintenance, and iterative feedback cycles.

 

 

1.5 Significance of the Study

•         Enhancing Service Accessibility: Connects diverse services and expands local provider reach through a streamlined SPA architecture.

•         Fostering Economic Empowerment: Promotes local businesses, creates income opportunities, and facilitates efficient transactions for both traditional and modern service providers.

•         Promoting Community Engagement: Builds trust through transparent review/rating systems and direct provider-client communication.

•         Digital Transformation in Africa: Advances digital literacy, builds a scalable platform, and leverages modern SPA technology for the African service market.

•         Educational Value: Contributes to knowledge in web development, database management, and UX design.

1.6 Scope and 1.7 Delimitations

The platform focuses on Cameroon as the initial geographic scope, with a core set of service categories (house chores, agriculture, arts and crafts, and modern professional services). Delimitations include:

•         Geographic Focus: Initially limited to Cameroon before wider African expansion.

•         Core Features Only: Basic payment (secure gateways) and in-app messaging in initial release; advanced features such as video conferencing deferred.

•         No Third-Party API Integrations in initial launch to ensure platform stability.

•         Standardized User Profiles with limited customization in the first phase.

•         Testing in controlled/simulated environments before full-scale real-world pilots.

 

2.1 Introduction

The digital revolution has reshaped global economies, yet its impact on local service sectors in developing regions like Cameroon remains uneven. Service exchange platforms have emerged as crucial tools for bridging this gap, yet their successful implementation in the African context requires a nuanced understanding of local socio-economic realities, digital literacy, internet penetration, mobile money adoption, and cultural factors. This chapter critically reviews the state of digital service exchange platforms and situates Localhands within the African gig economy.

2.2 General Concepts on Localhands

Service exchange platforms are digital marketplaces connecting providers with clients. Types relevant to this study include:

•         General Service Marketplaces (e.g., TaskRabbit, Fiverr): Broad service range.

•         Specialized Service Platforms (e.g., Upwork, Etsy): Niche focus.

•         Location-Based Platforms (e.g., Localhands): Community and geographic focus.

•         Peer-to-Peer Platforms (e.g., Airbnb Experiences): Resource/skill sharing within communities.

Key features of service exchange platforms include user profiles and listings, search and categorization, transaction management, real-time communication, proposal/review systems, authentication/security, mobile accessibility, and data analytics.

2.3 Related Works

Global Platforms:

•         Upwork & Fiverr: Pioneers of digital freelance services but rely on credit card/PayPal infrastructure incompatible with Cameroon’s mobile money ecosystem, and lack support for hands-on, location-based tasks.

•         TaskRabbit: Closest analogue hyper-local, on-demand services, but limited to North America/Europe and dependent on credit card payment infrastructure.

•         Amazon Home Services & LinkedIn Services Marketplace: Lack localization, do not cater to the informal sector, and are embedded in ecosystems inaccessible to most African users.

African Platforms:

•         SweepSouth (South Africa): Validates the market for digitized local services but specializes only in domestic cleaning, leaving a broad horizontal market unaddressed.

•         Andela: Demonstrates African digital talent potential but focuses exclusively on high-end, export-oriented tech, not the domestic hands-on service economy.

•         Jumia Local Services & Informal Social Media Groups: Lack dedicated features (provider profiles, secure payments, dispute resolution) needed for a trustworthy service marketplace.

Key Market Gaps Addressed by Localhands:

•         Localization Gap: Integration with Fapshi (MTN Mobile Money / Orange Money) as the primary payment gateway.

•         Service Diversity Gap: A unified horizontal marketplace spanning informal hands-on tasks and modern professional skills.

•         Trust and Safety Deficit: Multi-layered trust protocol, role-based access, provider verification, review system tied to completed contracts, escrow payments.

•         Formalization Gap: Clear workflow for job posting, proposal submission, and digital contract generation.

2.4 Partial Conclusion

Service exchange platforms are vital for economic empowerment but face significant challenges in user trust, payment security, and localization. A review of existing platforms reveals a critical gap: global giants like Upwork fail to meet specific local needs in regions like Africa, while niche platforms lack necessary service diversity. Localhands, with its modern SPA architecture and community-centric features, is specifically designed to address these unique challenges within the African market.

Chapter 1: General Introduction
Chapter 2: Literature Review
Full dissertation including Results, Discussion and References coming soon.