1. Login(logout) and signup system.

2. Search article immediately without refresh page. (by ajax)

3. View article

4. Main page includes:

   a. Post article without refresh

   b. Delete article without refresh

   c. Edit article without refresh

   d. Upload personal picture without refresh (by ajax)

For sign-in, register, and the MySQL connection methods.

If the user does not have a membership, he or she can click on “Register” to enter the register page.

When creating an account and after logging in, it is necessary to prevent entering empty values, verify the account password, and display an error message on the page immediately.

After signup or signin, the page will show message immediately.

After searching keyword, then show the relation article. (not only article title but also author name)

In this section, we can see the search can update the article results in real-time which was use "Ajax" accomplish

The main page as show in following:

After clicking the "Post" button then can see:

After posting then the "Your Article" will add immediately. (MySQL will added)

After clicking "trash button" then can delete article immediately. (MySQL will deleted)

After clicking "edit button" then can edit article as following see:

Finally, users can upload or change their favorite profile images.

Images will store in directories on the file system and store references to the images (path to the image) in the database. (use Multer module)

And upload image without refresh immediately by ajax.