Posts

Sixth & Final Week of Internship

Image
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 demons...
Post a Comment
Read more

Fifth Week of Internship

Image
 For this week, we have been instructed to develop a proper content management for the company's blogsite. The company recommended us to use blog-engine such as ButterCMS to speed up the process of building this blogsite. Below you can see our work and progress as well as a more polish and better looking interface for the blogsite. This is the home page of the blogsite. Most of the content here are placeholder or dummy content. The company can easily modified it to fit their needs. Even though they are placeholder content, we have inserted links so that any user can click on the image. For example if the user press ALA Market image, they will be redirected to ALA website. Or if the user press on PTSS image, they will be redirected to PTSS website. Me and Nitya URL are linked to our bloggers link. In the Article page is where users can see the latest blog post posted by the company that manage the content. The content here are uploaded through ButterCMS. Users can click on the link ...
Post a Comment
Read more

Fourth Week of Internship

Image
This week we have been working towards polishing the blogsite based on our supervisor suggestion. Home Page Article Page Contact Page
Post a Comment
Read more

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.
Post a Comment
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
Post a Comment
Read more

First Week of Internship

Image
On the first week of this internship, I have to self-learn using tools that are not part of my educational syllabus, but I am very eager to learn it. Node JS and React JS are the tools needed to be use during this internship. The programming language is Javascript, and I am quite familiar with this programming language. The Programming Tools The image below is my very first project using React JS.
Post a Comment
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.
Post a Comment
Read more