UI Developer Guide

DIGIT UI development guide
Once we are done with the backend development and deployment of DIGIT 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.
​​
https://github.com/egovernments/DIGIT-Dev/tree/Birth_registration - Connect to preview​
​
​
Troubleshooting FAQs
UI Development Pre-requisites
Last modified 4mo ago