document file parsing / tracking

Update: Uploaded new [login to view URL] to explain further. Dates can change location based on a new file being uploaded with NULL, - or +. If a file was uploaded with Rvw- it would be in the N/A red column, then later if uploaded again with a new date and referenced as Rvw+ would move to the In Progress / Yellow column, and perhaps again as NULL (no + or -), would move to the Resolved / Green column. Hope that makes sense. Looking for a simple system to drag & drop files from windows explorer onto a web page (simple logo - doesn't need to upload the document) which will parse the filename and add to a database. This is to keep track of my project files and produce a small page (basic view attached) for a project overview. Filenames will be consistent with a naming convention (fields separated by SPACE-DASH-SPACE " - " : ie. Project# - Date - DocumentData - [login to view URL] Project# will be 4 or 5 digits, possibly containing a period: ie. 12345.2 Date will be in the same format: ie. 200227 DocumentData will be the details of the document with a possible variable: the first word in the Data 'may' be an acronym: ie. Q=Quote: 1234 - 200227 - Q012 - [login to view URL] Contract: 1234 - 200227 - Contract - [login to view URL] 1234 - 200227 - Contract Executed - [login to view URL] There will also be the optional variable following the first word in the documentdata (relative to: n/a, in progress, resolved): variable will be "NULL", "-" or "+" sign: Rvw=Review: 1234 - 200227 - Rvw Site - [login to view URL] ("NULL" = resolved) 1234 - 200227 - Rvw- Site - [login to view URL] ("-" = n/a) 1234 - 200227 - Rvw+ Site - [login to view URL] ("+" = in progress) at no other time will there be a DASH "-" in the filename as it's used as the delimiter. the NULL, - or + will determine which column in the view page the date is displayed. The first word in documentdata would also be the document section/type on the view page. 1234 - 200227 - Safety Hearing Test 210103 myname - [login to view URL] 1234 - 200227 - Safety Fit Test 210103 hisname - [login to view URL] 1234 - 200227 - Safety Fit Test 210103 othername - [login to view URL] 1234 - 200227 - Safety Hearing Test 210103 someonesname - [login to view URL] 1234 - 200227 - Safety Inspection - [login to view URL] on the view page, would show as: resolved Safety Fit Test 210103 hisname 200227 Fit Test 210103 othername 200227 Hearing Test 210103 someonesname 200227 Hearing Test 210103 myname 200227 Inspection 200227 I can code a little, but have been out of it for well over a decade and not up-to-date on technolgies etc. I'm running a laragon server with mysql, nginx, nodejs, vuejs, php & laravel. Would prefer it written in vue.js (I'd like to learn) Would also like the functionality and framework, I can then populate the different variables for each document & type. I've had this done before, but it's gotten too complex for me. I've attached some of the old source to this for reference. Please advise on how long you believe it may take. Thanks kindly.