How do I link uploaded files so a click can open the file

Hello Team Wappler,
I am trying to create a simple file Upload , Listing and reading system with the following uses;

1. User Logs in to see a list of files (pdfs mainly).
2. User clicks on File Name to open the file.
   2a. I want this file to open in a document viewer so it is not readily downloadable.

THINGS COMPLETED:

1. I have done the login system by following the tutorials.
2. Done the file uploading page which works fine with progress bar.
3. File name is inserted in DB also and added to extra fields for Document Title and Type.
4. I have a page (file_list.php) which displays the list of uploaded files using FOLDER LIST Server Connect.
   This is where I get stuck.

TO BE DONE:

1. How do I hyperlink the file names displayed on step 4 above so that they open the exact pdf file.
2. If the above works, I would then like to extend this by making the file open inside a document viewer instead.
   Is this the right approach for this, Would it be better to rather display records from the DB instead of FOLDER LIST? Then back to my main question how do I link the file names to be able to open them.
   I am stuck and any help is greatly appreciated.

ScreenShots below
Login Page

image.png1680×1050 80.5 KB

image.png1680×1050 90.4 KB

image.png1680×1050 113 KB