LogoLogo
GovStack Home
1.0.2
1.0.2
  • Enter the Sandbox
  • Access Demos
    • Social Cash Transfer - Tech Demo
    • Construction Permit - UX Demo
    • High School Certificate - Methodology Demo
  • Follow Methodology
    • Do It Yourself Guide
      • GovStack Design Sprint
        • Overview
        • Preparation
        • Day 1 - Sharing
        • Day 2 - Mapping
        • Day 3 - Ideating
        • Day 4 - Testing
        • Day 5 - Learning
    • Do It Yourself Assets
      • DIY Wireframes
      • DIY Dynamic Frontend
        • Frontend Recommendations
      • DIY Minikube
      • DIY Full-Stack
      • Get Deployment Support
    • Service Design Best Practice
      • Phase 0 - Empathy
      • Phase 1 - Research
      • Phase 2 - Design
      • Phase 3 - Test
      • Phase 4 - Deliver
      • Templates
  • Explore Stack
    • Architecture
    • Use Case Frontend
    • Use Case Backend
    • Building Blocks
      • Information Mediator: X-Road
      • Identity: MOSIP
      • Consent: iGrant.io/Redpill Linpro
      • Payment: Mifos Payment Hub
      • Emulators
    • Infrastructure
  • Version History
Powered by GitBook
On this page
  • What do we use to build it?
  • Where do we demo it?
  • Which conceptual decisions do we follow?
  • Further documentation

Was this helpful?

  1. Explore Stack

Use Case Frontend

Was this helpful?

The Use Case Frontend is responsible for the interaction with the user (e.g. citizen or civil servant). The User Interface (UI) is visually and technically designed to ease understanding and usage of the displayed functionalities by users. The business logic is managed by the .

What do we use to build it?

Name
Purpose

Library for web and native user interfaces

Developer tool

Component library for bootstrapping

For a deeper explanation of why these tools were chosen, read about the and on GovStack's Confluence.

Where do we demo it?

GitHub Repository
Used in...

Which conceptual decisions do we follow?

Both the and the demo applications live in the same application due to the interconnectedness of the UI and not seeing a point in separating them at this point in time for simplicity's sake. The full-stack demo is an MVP-like application demonstrating how the front-end and the back-end work together when using multiple building blocks to build an application.

The RPC Layer

The RPC Layer is based on the . In short, we are using it as a configurable API layer for the full-stack USCT demo. It allows us granular control over our API call method endpoints from one location, which is good for demonstrating connectivity between different interchangeable Building Blocks. In addition, the RPC layer can also be configured for different providers, such as MockProvider, APIProvider, LocalStorageProvider, etc.

Further documentation

Use Case Backend
Component Library Evaluation
Front-end framework
full-stack USCT demo
front-end only USCT
Facade Pattern
React
Vite
Chakra-UI
USCT Frontend Application
Unconditional Social Cash Transfer (USCT) Demo
Unconditional Social Cash Transfer (USCT) Simulation
Construction Permit Frontend Application
Construction Permit Use Case

USCT Use Case Frontend

GitHub Repository

Construction Permit Frontend

GitHub Repository

Cover
Cover