as per meeting yesterday

John
display the data
render it as the data presents itself
Add data - this means make a form and make a post request to add data
Delete data
Update data
https://formik.org/
Formik
React hooks and components for hassle-free form validation. The world's leading companies use Formik to build forms and surveys in React and React
Native.

Alvin's Notes (from Saturday's meeting) - Manpreet

1. AUTHO LOGIN

• 1.0 Setup the Auth0 Login as per the quick start

• Ensure working on branch separate then main
  • setup Auth0 via quick start:
    (https://auth0.com/docs/quickstart/spa/react/interactive)
  • Once you're done with that Merge to main branch

2. CONNECT FRONT & BACK END (with Login)

- Overall process involves: making a use effect, to call your backend

 (i.e., localhost:8080/api/login)
 i. Front-end you send the user object to the back end
 ii. Back-end receives that object and checks the database for the "sub_id"
     a. matching sub_id -> return user that matches return to front-end
     b. no matching -> insert user to database, then return to front-end

- Specific Tasks

• 2.1 Start a new branch (connect front & back-end with login)
• 2.2 Create "profile.js" file and to place this connection into file
• 2.2.1 In back-end make a route called app.get('/api/login')
• 2.2.2 Front-end you send the user object to the back end
• 2.2.3 Back-end receives object & checks the database for the "sub_id"

  a. matching sub_id -> return user that matches return to front-end
  b. no matching -> insert user to database, then return to front-end
  Use node-postgress query and to have function returns as promise)
  Ensure` function accepts sub=_id & returns a promise that resolves)

- Example Code

  user.sub_id === "google:oath-sj232ah18sh19sn3"
  SELECT * FROM USERS WHERE sub_id =  "google:oath-sj232ah18sh19sn3"
   this is going to return NO MATCH
   {
    id: 1
    email: aladf.com
    first_name: John
    last_name: nathan
    sub_id: = "google:oath-sj232ah18sh19sn3"
    }

• node backend (mid-term)

• create database
• create tables
• Link tables
• seed database