Week 9 Updates and Setup Documentation (#894)

* Week 8 updates

* Week 9 Updates

* Setup Documentation for TrustIn Multilingual Project

docs/2023/TrustIn/Multilingual TrustIn/setup.md

@@ -6,14 +6,43 @@ title: Setup
 
 ### 1. Fork it :fork_and_knife:
 
+Head over to [TrustIn Github Repository](https://github.com/nachiketa07/TrustInUI) and fork the repository to your Github account
+
+ ![Forking Step 1](assets/step1Setup.png)
+
+ ![Forking Step 2](assets/step1create.png)
 
 ### 2. Clone it :busts_in_silhouette:
 
+Clone the forked repository to your local machine
+
+ ![Cloning Step 1](assets/cloneStep2.png)
+
+ ![Cloning Step 2](assets/gitclone.png)
+
 
 ### 3. Set it up :arrow_up:
 
+Head over to the TrustInUI/EnterpriseUI folder and run npm i --force --legacy-peer-deps
+
+ ![Setting up Step 1](assets/npmi.png)
+
 
 ### 4. Run it :checkered_flag:
 
+Once the installation is complete, run npm start
+
+ ![Running up Step 1](assets/npmstart.png)
+
+
+### 5. Start Developement 💥 
+
+Translate Service has already been integrated and i18n files are generated. For any new content on the portal, create a name value pair in the below format : 
+
+	"annualreport.natureofactionbyemp": "Nature of action taken by the employer"
+
+After creating the name value pair, replace the content with translate pipe and the name value attribute as shown below:
+
+    <label class="mgt10" for="reportDate">{{'annualreport.natureofactionbyemp' | translate}} </label>
 
-### 5. For testing purpose 💥 
+You can notice the change in language on the webpage as soon as you select the language using the language switcher in login page.

docs/2023/TrustIn/Multilingual TrustIn/updates/2023-09-01.md

@@ -4,13 +4,55 @@ author: Srishti Shukla
 ---
 
 ## Milestones
-- [ ] Give the description about Milestone 1
-- [ ] Give the description about Milestone 2
-- [ ] Give the description about Milestone 3
-- [ ] Give the description about Milestone 4
+- **Language Support for Register Users/Signup Page:** Users can now register and sign up in their preferred language, fostering a user-friendly onboarding process.
+- **Enhanced Multilingual Support for Case Diary:** Critical elements like Task Name and Task Status, originating from the backend and predictable on the UI, have been made multilingual within the Case Diary. This ensures accurate comprehension and engagement even for backend data.
+- **Language Support for Forgot Password and Change Password Page:** Password management is now more accessible with language support for both the Forgot Password and Change Password pages.
+- **Multilingual View Report Page:** Users can seamlessly navigate the View Report Page with translations for download and reupload buttons, enhancing their interaction with report-related content.
+- **Multilingual Review Case Before Submitting Page:** The Review Case page before submission now offers multilingual support, ensuring that users can review and confirm case details in their preferred language.
+- **Multilingual Posh Compliance Page:** All column data on the Posh Compliance Page have been made multilingual, streamlining access to compliance-related information for IC Members and keep a track of their due dates.
+- **Refining Translations per Mentor Feedback:** Worked on updates provided by our mentor, which included editing translations at certain points to make them more meaningful. This iterative process is crucial for ensuring the highest quality of language support and user comprehension.
 
 ## Screenshots / Videos 
 
+- **Register Users/Signup Page in Hindi**
+
+ ![Register Users/Signup Page in Hindi](../assets/registerpagehindi.png)
+
+- **Register Users/Signup Page in Marathi**
+
+![Register Users/Signup Page in Marathi](../assets/registerpagemarathi.png)
+
+- **Case Diary page in Marathi**
+
+![Case Diary page in Marathi](../assets/casediarymarathi.png)
+
+- **Forgot Password Page in Bengali**
+
+![Forgot Password Page in Bengali](../assets/forgotpasswdbangla.png)
+
+- **Change Password Page in Marathi**
+
+![Change Password Page in Marathi](../assets/changepasswdmarathi.png)
+
+- **POSH Compliance Page in Kannada**
+
+![POSH Compliance Page in Kannada](../assets/poshcompliancekannada.png)
+
+- **Review Case pre-submitting in Hindi**
+
+![Review Case pre-submitting in Hindi](../assets/reviewcasereporthindi.png)
+
+- **View Case Report Page in Hindi**
+
+![View Case Report Page in Hindi](../assets/viewcasereporthindi.png)
+
+
 ## Contributions
 
+- [Pull Request for the changes](https://github.com/nachiketa07/TrustInUI/pull/1)
+
 ## Learnings
+
+- **Accessibility in Password Management:** The introduction of language support for the Forgot Password and Change Password pages reflects the importance of accessibility in password management. This learning emphasizes that users should be able to reset and modify their passwords in their chosen language, improving usability.
+
+- **Iterative Development:** The process of refining translations per mentor feedback emphasized the iterative nature of multilingual development. It highlighted the importance of continuous improvement and attention to detail in translation work.