From VSCode using SQLite3 Editor, show your unique collection/table in database, display rows and columns in the table of the SQLite database. image Data table of data information stored with SQLite

From VSCode model, show your unique code that was created to initialize table and create test data. image Initializing datatable and filling in database: making userIDs, passwords, etc

In VSCode using Debugger, show a list as extracted from database as Python objects. image Debugger tool is opened: shows variables (UserAPI name). Under class name, def self.

In VSCode use Debugger and list, show a distinct example of dictionaries, show Keys/Values using debugger. image Shows dictionary including Uid, name, image, and role

In VSCode, show Python API code definition for request and response using GET, POST, UPDATE methods. Discuss algorithmic condition used to direct request to appropriate Python method based on request method. image Get, post, and put for posting in forum feature. Post to post, get to receive info from database, and put to put on frontend.

In VSCode, show algorithmic conditions used to validate data on a POST condition. image Showing post for signing up with username and passwords, checks if requirements are met

In Postman, show URL request and Body requirements for GET, POST, and UPDATE methods. image Shows getting token from postman (cookies for authentication)

In Postman, show the JSON response data for 200 success conditions on GET, POST, and UPDATE methods. image Successful login in postman with correct token (cookie for auth)

In Postman, show the JSON response for error for 404 when providing an unknown user ID to a UPDATE request. image Demo fail login on postman to show error 404 and no auth cookie

In Chrome inspect, show response of JSON objects from fetch of GET, POST, and UPDATE methods. image Show getting token (cookie auth) after signing into account on chrome

In the Chrome browser, show a demo (GET) of obtaining an Array of JSON objects that are formatted into the browsers screen. image Showing the information pulled from database being shown on frontend for users (JSON info formatted on browser screen)

In JavaScript code, describe fetch and method that obtained the Array of JSON objects. image The fetch() function in JavaScript is used to make network requests to URLs and retrieve resources. It can be used to obtain an array of JSON objects by making a GET request to a server endpoint that returns JSON data, and then parsing the response body as JSON.

In JavaScript code, show code that performs iteration and formatting of data into HTML. image

In the Chrome browser, show a demo (POST or UPDATE) gathering and sending input and receiving a response that show update. Repeat this demo showing both success and failure. image image

In JavaScript code, show and describe code that handles success. Describe how code shows success to the user in the Chrome Browser screen. image The code shows success by saying the image was successfully posted. If the post does not go through, the else statement is triggered which prevents the “success” message

In JavaScript code, show and describe code that handles failure. Describe how the code shows failure to the user in the Chrome Browser screen. image Running and calling features to run the code