info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-23 23:02:54 +02:00
Code Issues Projects Releases Wiki Activity

Add final assignment

Browse Source
This commit is contained in:
sinedied
2020-11-10 20:07:09 +01:00
parent 9c6d2e1a72
commit 3b24953033
1 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
7-bank-project/4-state-management/assignment.md
View File

@@ -1,10 +1,24 @@
# [Assignment Name] # Implement "Add transaction" dialog
## Instructions ## 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)
- 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 ## Rubric
| Criteria | Exemplary | Adequate | Needs Improvement | | 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. |
| |