View one form page

[megandouli]

ℹ️ Issue

Part one of two for #34

📝 Description

Big changes:

• Changed backend and frontend schema so zipcode is a string (if it's a number, it strips out leading 0's)

• Added a top-level id field to each document - this is generated by uuid prior to insertion of the document in the database

• Added a top-level adminNotes field on the schema (for future work on Create PATCH endpoint to update a single form #36 tbh I just got lazy about separating commits) - this defaults to an empty array on the frontend form page

• Added a get endpoint on the backend to fetch form details using the ID of a document - @Mo-sissoko this endpoint will also have to be protected!

• Updated the formData type to match the validation schema used on the frontend - this required a small change to @reardon-co 's work on the hook in useSortingAndFiltering.ts

• Created a new frontend page at /form/{documentID}

✔️ Verification

1. Deploy the backend: in apps/backend run npm run build && sam deploy --guided --capabilities CAPABILITY_NAMED_IAM
2. Update the BASE_URL in endpoints.ts to be the URL of the newly deployed backend.
3. Run the frontend: nx serve frontend from the root project directory
4. Visit localhost:4200/form and submit a form
5. Visit the AWS console and query QLDB to obtain the ID of the newly inserted document: select * from TestTable;
6. Visit localhost:4200/form/{id}

Page when the document ID doesn't exist / something goes wrong with fetching the data:

🏕️ (Optional) Future Work / Notes

• Lots of duplicated code in the backend endpoints - should probably be abstracted

[jackielincroft]

YAYYYYYY 🥳

[jackielincroft]

🥳