project: QR conference connector - Notes

Hard Prerequisites
IMPORTANT: Please review these prerequisites, they include important information that will help you with this content.
  • REACT-NATIVE: QR conference connector - Proof of concept
  • REACT-NATIVE: QR conference connector - Adding tests

    • It is often useful to keep some notes about the people you meet, especially if you are meeting a lot of new people!

    Contact details page

    Add a small form to the bottom of the contact details page. It should just have one textarea.

    There are a few scenarios to cover:

    1. If there are no notes about the user then the textarea should have a placeholder such as “You can make notes here…”
    2. If there are already notes saved in the database, then the textarea should be pre-populated with that info
    3. If the user has not made any changes to the notes in the text area then the save button should be disabled or invisible.
    4. If the user has unsaved changes then they should have access to a “save” button and a “cancel” button.

    Contact list page

    If a contact has notes then add a little icon to their element.

    You could use something like this, or something else: https://icons.expo.fyi/AntDesign/filetext1

    RAW CONTENT URL