Cyber Security | Web Development

 Overview Image Step 1: Create Blade - tasks_main.blade.php <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > TO-DO List </ title >     <!-- Bootstrap link -->     < link rel = "stylesheet"    href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"    integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin = "anonymous" > </ head > < body > < section style = " padding-top:60px; " >     < div class = "container" >         < div class = "row" >             < div class = "col-md-12" >      

Overview Image:   Database Structure Step 1: Import library files - Datatable     CSS Library CDN :      < link rel = "stylesheet" type = "text/css"      href = "https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css" >    JS Library CDN           < script type = "text/javascript" charset = "utf8"      src = "https://cdn.datatables.net/1.11.3/js /jquery.dataTables.js" ></ script > Step 2: Blade code - main.blade.php <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > TO-DO List </ title >     <!-- Bootstrap CDN link -->     < link rel = "stylesheet"      href = "https://maxcdn.