Full Stack Developer Apprentice at PT Pupuk Kalimantan Timur
Bachelor Degree of Computer Science from Bina Nusantara University (CGPA 3.18). Have some experience in prototyping, graphic design, and video editing. Interested in learning Full Stack Web Development and UI/UX Design. Experienced as a Full Stack Developer Apprentice at PT Pupuk Kalimantan Timur for one year and currently undergoing Front End Web Development Bootcamp Batch 23 Job Connect by dibimbing.id. Actively seeking job openings relevant to web development to develop technical skills and gain professional experience in the technology industry.
List of Projects That I Have Worked on as a Web Developer
I developed my first website when I was in 5th semester. On the midterm exam, one of the courses instructed its students to develop a movie streaming website called 'BeeFlix' using Laravel, Bootstrap (optional), and PHP. We were given one week to work on it. That was the time I forced myself to really start learning about web development, so I can finish the assignment. Fortunately, I managed to get an A.
Notes
The main page of the application which shows saved notes.
Add Note
To add a new note, click 'Add Note' on the main page to open this page.
Edit Note
To edit a note, click 'Edit' on one of the notes to open this page.
Delete Note
To delete a note, click 'Delete' on one of the notes and a confirmation alert will pop up.
Visit List
The main page of this application, where a list of visits and guests is displayed. Here, authorized users are able to add or manage visit.
New Visit
When an authorized user wants to add a new visit, clicking the 'New Visit' button on the toolbar will open this form page.
Manage Form Submission
The progresses of form submission by guests from a visit can be monitored and managed from this page by the authorized.
Add History Guest
For an authorized user to add guests from history, click the '+ History Guest' button on the toolbar and this modal will pop up.
Manage Visit
A visit can be deleted or get its data updated from this page by the authorized.
Change Password
For a user to change his password, choose 'Change Password' option on the profile menu and this form modal will pop up.
QR Scanner
A dedicated page just for scanning QR codes sent to guests. When a code is successfully scanned, the guest's information will appear.
Add New User
When an authorized user wants to add a new user, clicking 'Add New User' button will pop up this form modal.
Log Out
If a user wants to log out, choose 'Log Out' option on the profile menu and this confirmation modal will pop up.
User Management
The page where authorized users are able to add users, edit the data of users, regenerate the password of users, or remove users.
Update User
For an authorized user to update the data of a user, click 'Update User' icon in the 'Action' column and this edit form modal will pop up.
Regenerate Password
The modal that pops up when an authorized user clicks 'Regenerate Password' icon in the 'Action' column to confirm the action.
Remove User
The modal that pops up when an authorized user clicks 'Remove User' icon in the 'Action' column to confirm the action.
Role Management
The page where authorized users are able to view, add, update, or remove roles.
Add New Role
For an authorized user to add a role, click 'Add New Role' card and this form modal will pop up.
Edit Role
If an authorized user wants to edit a role, click 'Edit Role' button on one of the available role cards and this form modal will pop up.
Delete Role
The modal that pops up when an authorized user clicks 'Delete Role' button on one of the available role cards to confirm the action.
Delete Role Failed
The modal that pops up when an authorized user fails to delete a role because some users still have the role.
View Users of Role
A list of users having a certain role, that can be viewed or one of the users can get the role revoked only by the authorized.
History Guest Management
The page where authorized users are able to view, edit, or remove recorded guests from history.
Edit History Guest Data
For an authorized user to edit the data of a guest, click 'Edit Data' icon in the 'Action' column and this page will open.
Remove History Guest
The confirmation modal that pops up when an authorized user clicks 'Remove Guest' icon in the 'Action' column.
Activity Log
The page where a list of detailed recorded activities that are done by all users is shown.
Clear Logs
The modal that pops up when an authorized user clicks 'Clear Logs' button on the toolbar to confirm the action.
Visit Report
The page where overall recorded visit history data is summarized in the form of bar chart and data grid with functional filters.
List of Applications
The main page of this application, where a list of portal applications is displayed. Here, authorized users are able to view matrix or sync users.
Users Matrix
What roles and permissions a user has, as well as what operations a user can perform, can be seen through this matrix.
Home
The main page of this application, where a list of employees is displayed. Here, authorized users are able to edit contact or import excel file.
Edit Contact
The page that appears when an authorized user clicks the 'Sunting' icon in the 'Aksi' column to edit a contact.
File Preview
A list of employee contacts in the form of an excel file can be uploaded from here, only by the authorized.
Template Guide
The guide that must be followed in making the file template to prevent upload errors.
File Import
Before the file is imported, it will be shown first to the uploader as a preview. If no error occurs, then the file will be able to be imported.
Administration
The page where authorized users are able to view a list of users, add users, regenerate the password of users, or delete users.
Add User
When an authorized user clicks 'Tambah Pengguna' button on the toolbar, this registration form modal will pop up.
Regenerate Password
The modal that pops up to confirm the action when an authorized user clicks 'Regenerasi Password' icon in the 'Aksi' column.
Delete User
The modal that pops up to confirm the action when an authorized user clicks 'Hapus Pengguna' icon in the 'Aksi' column.
Activity Log
The page where a list of detailed recorded activities that are done by all users is shown.
Clear Logs
The modal that pops up to confirm the action when an authorized user clicks 'Bersihkan Log' button on the toolbar.
Sign Up
To be able to login, a user must register first by filling in the form to create an account.
Login
After signing up, the user can then proceed to login. To log in as an admin, the user must be registered as an admin, directly in the database.
Welcome
If succesfully logs in, the user will be welcomed with a simple greeting followed by his/her name.
Home
The main page of this application, where various kinds of tourism destination stories posted by bloggers are displayed.
Category
To find stories based on their category, click 'Category' dropdown on the navbar and select one of the available categories.
Full Story of a Destination
When someone wants to read the whole of a story, click the 'full story' link and this page will open.
Blog List
By clicking 'Blog' on the navbar, the user will be redirected to this page. From here, the user can view, create, or delete his/her blogs.
Create Blog
If a user wants to create a new blog, click '+ Create Blog' on the toolbar and this form page will open.
About
The page that displays the definition of some words related to journey, blog, tourism, etc.
Update Profile
For a user to update his/her profile, click 'Profile' on the navbar and this form page will open.
Welcome (for Admins)
Just like the regular welcome page, the admin will be welcomed with a simple greeting followed by his/her name.
Blog List
The page where a list of stories posted by bloggers is displayed. Here, admins are able to view or delete one of the stories.
User List
The page where a list of registered users is displayed. Here, admins are able to view or delete one of the users.
Home
The main page of the application, where available shows in various categories are displayed.
Category
When someone wants to search for shows by category, click 'Category' dropdown on the navbar and choose one of the available categories.
View Show
For anyone to view the detail of a show, click 'View Show' on the footer of the show card and this page will open.