Added intial files for hindi translation

7-bank-project/4-state-management/translations/.github/post-lecture-quiz.hi.md

@@ -0,0 +1,17 @@
+*Complete this quiz by checking one answer per question.*
+
+1. What do you think *state management* means?
+
+- [ ] Enforcement of law & order
+- [ ] Logging the user interface state over time
+- [ ] Keeping your app data flows clean and synchronizing the user interface with data
+
+2. How can you keep track of the user session state?
+
+- [ ] HTTP cookies
+- [ ] Local or session storage
+- [ ] All of the above
+
+3. Mutating an object is always the best way to update it
+- [ ] true
+- [ ] false

7-bank-project/4-state-management/translations/.github/pre-lecture-quiz.hi.md

@@ -0,0 +1,18 @@
+*Complete this quiz in class.*
+
+1. What is an immutable object?
+
+- [ ] An object defined as a constant
+- [ ] An object that cannot be modified after it's created
+- [ ] A copy of an existing object
+
+2. What benefit(s) you get from using state management?
+
+- [ ] You can keep track of every place the state is updated
+- [ ] It's easier to debug the code
+- [ ] All of the above
+
+3. What's the best way to persist critical user data across different sessions?
+- [ ] Using files
+- [ ] Using the browser's `localStorage` API
+- [ ] In a database behind a server API

7-bank-project/4-state-management/translations/assignment.hi.md

@@ -0,0 +1,25 @@
+# Implement "Add transaction" dialog
+
+## Instructions
+
+Our bank app is still missing one important feature: the possibility to enter new transactions.
+Using everything that you've learnt in the four previous lessons, implement an "Add transaction" dialog:
+
+- Add an "Add transaction" button in the dashboard page
+- Either create a new page with an HTML template, or use JavaScript to show/hide the dialog HTML without leaving the dashboard page (you can use [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) property for that, or CSS classes)
+- Make sure you handle [keyboard and screen reader accessibility](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) for the dialog
+- Implement an HTML form to receive input data
+- Create JSON data from the form data and send it to the API
+- Update the dashboard page with the new data
+
+Look at the [server API specifications](../api/README.md) to see which API you need to call and what is the expected JSON format.
+
+Here's an example result after completing the assignment:
+
+![Screenshot showing an example "Add transation" dialog](./images/dialog.png)
+
+## Rubric
+
+| Criteria | Exemplary                                                                                        | Adequate                                                                                                                | Needs Improvement                           |
+| -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
+|          | Adding a transaction is implemented completely following all best practices seen in the lessons. | Adding a transaction is implement, but not following the best practices seen in the lessons, or working only partially. | Adding a transaction is not working at all. |