UI Developer Guide

DIGIT UI development guide

Post the backend development and deployment of DIGIT as per steps detailed in the Backend Developer Guide, it is time to start building the UI screens. For illustration purposes, we are going to build the citizen and employee screens for the Birth Registration module.

This guide offers a systematic view of how to create the application screens on DIGIT.

Developer code: Download the UI code from the link here Birth-Registration.

List of Pre-requisites - Before starting with the UI development, know the list of technical requirements for frontend development on DIGIT UI.

Steps to follow: The docs and resources below offer a step-by-step guide to UI development.

Step 1 - Local Development Setup

The first step is to set up the development environment

Step 2 - Citizen Module Setup

Follow the steps to build and deploy the citizen module on top of DIGIT UI

Step 3 - Employee Module Setup

Follow the steps to build and deploy the employee module on top of DIGIT UI

Step 4 - Build & Deploy

Steps to build and deploy the DIGIT UI module

Step 5 - Run Application

Integrate the module with the backend service and run it in the local environment

Step 6 - Setup Monitoring Tools

Enable telemetry to trace & monitor user activity on the portal

Run Sample Module - Once you are done with the setup, run the sample module provided in this guide. Test run the module and deploy it using CI/CD to your development environment.