Developer's Guide - Create a front-end Citizen module

This guide aims at enabling the readers to create a Birth registration for citizen module for the frontend.

Prerequisites:

Prior Knowledge of React JS.
Prior Knowledge of Redux/Hooks.
Prior Knowledge of SCSS/React StoryBook.
Prior knowledge of Git.

If you are starting off with a fresh Linux/windows machine, we will setup a few things before we can start an application -

i) Install Vs Code -

vs code for windows

vs code for Linux

ii) Install Node JS -

Node Js For Windows

Node Js For Linux

Repo Link:

Project Structure:

package.json:-

{
    "name": "@egovernments/digit-ui-module-birthregistration",
    "version": "1.5.4",
    "license": "MIT",
    "description": "Birth-Registration Module",
    "main": "dist/index.js",
    "module": "dist/index.modern.js",
    "source": "src/Module.js",
    "files": [
      "dist"
    ],
    "scripts": {
      "start": "microbundle-crl watch --no-compress --format modern,cjs",
      "build": "microbundle-crl --no-compress --format modern,cjs",
      "prepublish": "yarn build"
    },
    "peerDependencies": {
      "react": "17.0.2",
      "react-router-dom": "5.3.0"
    },
    "dependencies": {
      "@egovernments/digit-ui-libraries": "1.5.4",
      "@egovernments/digit-ui-react-components": "1.5.4",
      "lodash.merge": "^4.6.2",
      "react": "17.0.2",
      "react-dom": "17.0.2",
      "react-hook-form": "6.15.8",
      "react-i18next": "11.16.2",
      "react-query": "3.6.1",
      "react-redux": "7.2.8",
      "react-router-dom": "5.3.0",
      "react-table": "7.7.0",
      "redux": "4.1.2",
      "redux-thunk": "2.4.1"
    }
  }

Register the Module:-

 "@egovernments/digit-ui-module-birthregistration":"1.5.3",