// --------------- Password declaration --------------- // 
I used hash to encrypte the password, but the password only support 20 char.
Thus I used substr() function to get the first 20 charc.
In users.txt, all the password encrypted, the ori password for both users: Abcd1234



// --------------- Technique used --------------- // 
Bootstrap 4
jQuery 
PHP OOP

Bootstrap 4:
IF doesn't work
access this link: https://getbootstrap.com/docs/4.4/getting-started/introduction/
Copy and Paste CSS cdn to 'functions/headTag.php'

jQuery:
This time didn't use for Ajax because do not have that much time xD
BUT used for some usability design function

PHP OOP:
included all necessary information in about.php



// --------------- Youtube Video --------------- // 
link: https://youtu.be/iQYTne1xeiU



// --------------- Directory Explanation --------------- // 
Root folder included all the compulsory file:
about.php,  friendadd.php,  friendlist.php,
index.php,  login.php,      logout.php,     signup.php

classess/           --> all classess
data/               --> text files needed to populate the results once initialize the table
functions/          --> any functions or includes for code reusability 
images/             --> all compulsory images provided from canvas
javascript          --> javascript and jquery file
UserProfileImage/   --> all the images upload by the users

!! --------------- All information related to marking criteria included on 'about.php' page --------------- !!