| description |
|---|
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 | local-development-setup.md | |
| Step 2 - Citizen Module Setup | Follow the steps to build and deploy the citizen module on top of DIGIT UI | citizen-module-setup | |
| Step 3 - Employee Module Setup | Follow the steps to build and deploy the employee module on top of DIGIT UI | employee-module-setup | |
| Step 4 - Build & Deploy | Steps to build and deploy the DIGIT UI module | build-and-deploy.md | |
| Step 5 - Run Application | Integrate the module with the backend service and run it in the local environment | run-application.md | |
| 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.