A website blog system for Humanities Articles

During the summer break of 2021, I was contacted by the leader of the sociology club if I could make a blog website for them. They have teamed up with other humanities clubs such as Philosophy and Politics, and with some other humanities students, formed an organization called the United Humanities Society of SCIE. I was tasked to make a website for them where they could publish blog posts, I humbly accepted this task.

 

I have made websites before, but never one that had a user management system, nor a blog editor of any form. So it did take me a lot of time to devise a solution.

 

They want to edit and publish blogs with styles, such as bold text and different fonts, include images and links, among many other such styling requests. There are solutions such as markdown, but I do not think a heavily syntax editor is good for writers. Instead, I opted to use a WYSIWYG editor, which stands for “What you see is what you get”. These editors function like Microsoft Word to which the styles are directly applied to your text (unlike markdown, which shows syntaxes that are translated to styles on another window).

 

What does the editor look like? This:

I am using the same editor for this blog post.

Of course, only allowing the edit of text isn't sufficient. Users need permission to draft, categorize, and publish articles. Categories are devised by subject (Politics, Philosophy, History…) and type (Club, Study, Interview…).

Preview of the article management system.

This is the editor, which shows all the articles with their tags, their state (draft / publish) and the date. Anyone with sufficient privileges can go and edit these articles.

 

Home Page

The home page is a very well designed (in my opinion) layout that supports images of many aspect ratios as thumbnails, which the layout adjusts to dynamically. They are categorized by type and the date of publish. In addition, articles can be tagged as “Recommended” so they would be displayed on the home page.

 

Unfortunately, the website is no longer available due to the disband of the society. I still retain the code to the project and would be happy to restore it per needed. In fact, it was so well written that this website served as a foundation to my current website, which shares the same text editor system, although modified since I do not need multiple users.