User can register account

[jisie]

Story

As a user, I should be able to fill out a form with my email address, and the username of my choice to register myself in the application

Acceptance Criteria

Given a user wants to use Nutshell
When the user first accesses the application
Then the user should see a welcome message
And a hyperlink to the registration form

Given a user wants to register an account with Nutshell
When the user clicks the Register a new account hyperlink
Then a registration form should be displayed where the user can enter in an email address and a username

Given a user has filled out both fields of the registration form
When the user clicks the Register button
Then the system should check if the username is unique
And it should check if the email address is unique
And if both are unique, a new account should be created
And the user should be taken to the main view of Nutshell

[hannahmneal]

// ------------------------------BEGIN WORKING CODE -----------------------------------
let submitForm = document.getElementById("submit-form-btn").addEventListener("click", function(event) {
    // let formFields = document.querySelector(".input") //Returns undefined when logged
    //Try jQuery instead: // let formFields = $("input").value; // Undefined.
    // Perhaps JS is evaluating the individual values for the input sections as ONE input and cannot work with querySelectorAll.
        let firstNameInput = document.querySelector("#first-name-input");   //This works.
        let lastNameInput = document.getElementById("last-name-input");
        let addressInput = document.getElementById("address-input");
        console.log(firstNameInput.value, lastNameInput.value,addressInput.value); // Works!
})
        let newPerson = {
            formFirstName: firstNameInput.value,
            formLastName: lastNameInput.value,
            formAddress: addressInput.value
        }
// ------------------------------END WORKING CODE -----------------------------------

The code below is supposed to check whether the person already exists in the db and if so, alert the user. If the person does not already exist in the db, the person will be added and registration completed:

        const personCheckAdd = {
            handlePeople() {
            contactsFetch.forEach(contact => {
                if(firstNameInput.value == firstNameInput && lastNameInput.value == lastNameInput && addressInput.value == addressInput) {
                    alert("This contact already exists!");
                } else {
                    contactCollection.contactsFetch()
                    .then(contact => {

                        // POST method here
                        addNewPerson(newPerson);
                }
         })
// call handlePeople from contactList
        }```

[hannahmneal]

Y'all will have to let me know if you have any questions about my "code-inserting" skills in Github.

[zwcrawford]

Zac is taking this....for now.