Create an "Add Record" page

[seancolsen]

Current behavior

• New records can be inserted via rows at the bottom of the Table Page.
• The Record Page allows users to edit existing records.
• Data entry on mobile devices is especially difficult because the fields are presented horizontally instead of vertically.

Desired behavior

• A dedicated "Add Record" route exists to open the Record Page in "add" mode.
• The Add Record page loads with all fields empty, allowing the user to enter new data. This form looks like the top part of our existing "Record Page".
• Below the form there are the following buttons:
  • At the right, a "Reset" button which clears the form.
  • At the left:
    • a "Save and View" button which saves the form and navigates the the corresponding Record Page
    • a "Save and Add Another" button which saves the form an reloads a new blank form
• Below the form and the save buttons, a list of recently saved records is maintained client-side, allowing the user to navigate to any of the newly-added records (potentially in a new tab if they so desire). This list is only persisted in the Add Record component. It is cleared when reloading the Add Record route.

UX questions

• How does the user navigate to the Add Record page?

Note: The "Add Record" page itself should be straightforward enough that it should not require any design work.

[Anurag-Bharde]

Hello @seancolsen I think I could help with the given issue, Could you assign me this issue

[rajatvijay]

@Anurag-Bharde thanks for your interest. But this issue has the restricted:maintainers label hence can only be assigned to maintainers.