Sixth & Final Week of Internship

Last Week I mentioned about the usage of Content Management System, ButterCMS that was recommended by the company. This week we had to change to another CMS, strAPI, a Headless CMS. StrAPI is better then ButterCMS because it uses a local database, postgreSQL. Local database are much more secure and have lower latency, according to the company. Below are the images of this week's work.


In the back-end side for this project, we have to download the strAPI plugins first before we can use it. After installing strAPI in the back-end, we have to connect it to the postgreSQL database. The postgreSQL database needs be run on pgAdmin4 and we have to create a database name, for example, 'blogdb'.

After the connection is successful, we type in "yarn develop" in the command line and an admin interface will pop up. In this admin interface user can manage the front-end of the blog.



From this page we can add newer blog post into the front-end of the blogsite. I will now demonstrate how it works.


As you can see from the image, strAPI has a very good Content Management System, and it's open source. We can create a blog post just like how I am writing and posting the blog you are currently reading. We can also add images into the post, use bold, different fonts and other interesting functions that can be found in this Content Management System. The admin can update and delete the blog post.


This is our project, the company's blogsite. In the article page, we can see that the latest post has been published from the Content Management System that can only be access by the admin through backend



Once the user press "Check Post", the article page will go to that post in more detail. Users can read the post in detail. They can see the images, as well as the Header font used from the Content Management System. They can also see when the article was published on the top of the post.

Now let's check if the data is saved in the local database of postgreSQL. We will now open up pgadmin4, and check the data table.


The database is called "blogdb". We will have to navigate through the database, into schema, and then into the Table. From there we have to find the "blog" table. Inside it we can check the data stored.




The image has proven that our database are working as intended, they are able to store the data from the Content Management System. With this final progress, our project is now completed. 



Comments

Post a Comment

Popular posts from this blog

Third Week of Internship

Image
 On the third week, we are supposed to use PostgreSQL as a database to connect to our blogsite. This is considered as back-end programming. This is still new territory for me so the learning curve is very steep, but I've been trying my best to make it succeed. The supervisor has been very helpful by sending us Youtube tutorials on how to connect to the database and make this function works. But unfortunately the tutorial on Youtube uses different type of database, so I have to find a way make it work with PostgreSQL. The Image below is how I try to do the connection from the blogsite to the database in Visual Studio Code The Image below is the structure of the database,  with all its tables such as users, posts, comments and messages The Image below shows how the blogsite is supposed to function when a user tries to make a post. They can write the title, the content and then publish it.
Read more

Second Week of Internship

Image
 We were given our task to create a Blogsite using the tools that we have learnt, ReactJS and NodeJS. This blog site is still under development, but we have created the foundation for our blogsite. In the Home page, user can check out the company we're interning at, ALA Market. In the middle section is our very own bloggers link. To the far right is Politeknik Tuanku Syed Sirajuddin's website link, our education institution. This blog site is still in development so anything see here is subject to change. We look forward on continuing this work and making a proper functional blogsite. Design Subject to Change
Read more

Opening Ceremony of Internship

Image
Opening Ceremony with the Director of Politeknik Tuanku Syed Sirajuddin, Mr Abdul Malek Bin Hassan, Rector of Institut Teknologi & Bisnes Asia Malang, Miss Risa Santoso, & CEO of ALA Startup. Images of The Meeting I've learnt a lot during this meeting, what the company is about, the tools I need to use, and the task that will be given to me. I look forward for a bright future from this day onwards, Insyallah.
Read more