User Profile

An user profile is created first time when user registers itself into the application. User Profile is used to view or update user’s details like name, gender, email, phone number, profile pic etc

Types of User Profiles

• Citizen. A citizen is a basic user that can use the application to perform basic tasks including

  • creating applications, properties, etc

  • viewing all applications, properties, etc

  • payments

• Employee. An employee is a user that is associated with the organisation, and is more privileged than the citizen and can perform following tasks

  • creating applications, properties, etc

  • viewing all applications, properties, etc

  • payments

  • and many more

Employee User Profile Page

The user profile page allows user to manage all of the information related to user. Each user can have their own profile picture and can update their password. User Profile Page provides common functionalities for both Citizen and Employee ( with some differences )

For Employees User profile page can be accessed by clicking Edit Profile icon in top app bar

Open

User can access the profile page by clicking the Edit Profile Icon

For Citizen User profile page can be accessed by clicking Edit Profile icon from app drawer that can be opened by clicking hamburger menu in top app bar

Open

User can access the user profile page by clicking the Edit Profile Icon

Functionalities Provided By User Profile Page

1. Upload or Remove Profile Picture

   • A user can upload or remove their profile picture by clicking the camera icon present over the profile thumbnail

   • On clicking the camera icon the user is presented with bottom drawer where user can select to upload photo from gallery or remove the profile picture

2. Update User Details

   • User can update their details by editing all the text fields available in User Profile page

   • All the values entered by user must be valid

3. Update user password ( Only for employee user )

   • User can also change their current password by providing

     • current password

     • new password

     • confirm password (must be same as new password entered)

4. Save changes

   • All changes are update as user clicks on save button located at bottom right of profile page

   • Saving changes validates all fields and status are shown by toast messages

Technical Implementations

Technical Implementations of the user profile can be found at

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js

API Call Role Action mapping: