CSP Spot Check #2

[vibha-yganji]

Vibha Ganji

Per. 2

---

• jupyter notebook or web page that shows signup and login, focus on login
• [x] Show HTML and JavaScript to support Login/Signup in VSCode …
  • [x] Show HTML that support Login/Signup

Login

Sign-Up/Register

• [x] Show Style that supports Login/Signup formatting

• [x] Show JavaScript code that performs Fetch

Login

Sign-Up/Register

• [x] In Browser/Jupyter demo …

• [x] Demo Login success

• [x] Demo Login failure

[vibha-yganji]

• jupyter notebook or web page that shows redirect or 403 error as result of signup and login page, focus on redirect to data/table display or failure

---

• [ ] Show HTML and JavaScript to support Login/Signup failure VSCode …
  • [ ] Show JavaScript that performs Fetch
  • [ ] Show code that redirects to page on success
  • [ ] Show code that show shows implementation of roles
  • [ ] Show code that captures error handling on 403

403 Error Page

• [ ] In Browser/Jupyter demo …
  • [ ] Demo Login success redirecting to table/data page
  • [ ] Show in split screen, login success with cookie on redirected page
  • [ ] Demo Login success to a page that requires advanced role
  • [ ] Demo Login failure related in insufficient role

[vibha-yganji]

• jupyter notebook that shows CRUD operation on page that requires authentication, or this can include signup without authentication

---

• [x] Show in VSCode HTML and JavaScript to support Post, Put or Delete method

HTML

JavaScript

• [x] Show JavaScript that performs Fetch

  

• [x] Show JavaScript code that handles Response and formats data

  

• [x] Show code that supports HTML, HTML generation, and Style

HTML Generation/HTML for User Table

Styling for User Table (needs to be changed to SCSS)

• [x] In Browser/Jupyter demo …
• [x] Demo Fetch Action for Create/Post

• [x] Demo Fetch Action for Update/Put

• [x] Demo Fetch Action for Delete

• [x] In SQLite demo …
• [x] Demo Data Before each Fetch Action
• [x] Demo Data After each Fetch Action

Post

Put

Delete