Home page pic

Frontend Developer.

I am an aspiring, self-motivated frontend developer and cybersecurity security professional.

Connect with me

About me

Education

  • August 2020 - Present

    Bachelor of Science in Information Technology

  • August 2018 - April 2020

    Senior High School

Experience

City Government of Santa Rosa Intern

During my internship as part of the Systems Support Division of the City Information Technology Office, I gained hands-on experience with web development and learned about proper workplace ethics. Primarily working as an intern frontend developer utilizing Laravel as the primary framework for web development.

Web Designer & Developer

Worked on the project for "CIRCLE: A Web-Based Multi-Purpose Cooperative Information System with Geo-Mapping, responsible for the responsive front-end interface through the use of HTML, CSS and JavaScript. In the earlier phases of the project, I was also responsible for the planning and development of the back-end modules connecting the functionalities of the pages, and a mock-up of a live server through Node JS.

Development Stack

Languages and Frameworks I have experience in

C#
C++
Python
JavaScript
Java
Xamarin
Arduino

Web Development

Laravel
Bootstrap
HTML5
CSS
PHP

Recent Work

Vaccine Information System

Made with:

Laravel
Bootstrap
JavaScript
HTML5
CSS
PHP

Old Home page

CHO VIS

Old Home Page

The old homepage design had the announcements and news section, as well as the vaccinaton status window for the list of registrants. Allowing admins to stay updated on recent events.

Home page

CHO VIS

New Home Page

The redesigned dashboard now only contains the general overview of the system's content and descriptions of the functionalities. This system was created and powered with laravel, HTML, CSS and PHP.

Admin Dashboard

CHO VIS

Details

The admin dashboard page contains an overview of the total vaccine registrants based on category, year and months. It also provides charts that would display how many registrants are there respective of the barangay they belong to.

Dashoard charts

CHO VIS

Details

A summary chart was included in order for the admins to see the total amount of vaccine registrants there were in days, weeks, months, years and including a filter that allows admins to check and compare data within a certain amount of time in years.

Admin Management page

CHO VIS

Details

"Superadmin" account roles are the only entities capable of accessing this page. It contains the tables that lists the accounts registered in the system, list of vaccine antigens, categories and dosages for the HPV vaccine, and the list of barangays in Santa Rosa City. Superadmins are able to add new accounts and categories to the database through this page.

Vaccine Registrants Page

CHO VIS

Details

The vaccine registrants page is where the list of registrants' names and general information are shown. This is also where the users can add additional vaccine records to every registrant if they already have an existing record, or add a new vaccine registrant to the database through here.

City Scholarship Landing Page

Made with:

HTML5
CSS
PHP

Landing Page

csrms home landing

City Scholarship Program Landing Page

A landing page designed during my internship at the City Government of Santa Rosa, part of an upcoming City Scholarship Office's local government program for the College Educational Assistance Program (CEAP)

Qualifications Section

csrms home landing

Details

The landing page contained general information about the program's purpose and benefits, as well as detailed requirements for the qualifications and requirements of applicants for the program.

Other Projects

Capstone Members Dashboard
Capstone - Member's Info Page
Home Page
This is the page where the members of the cooperative can view their personal information submitted through the members' application form. Including their current share capital, savings amount, membership status, and more.
HTML5
CSS
JavaScript
C#
Capstone Home
CIRCLE - Homepage
CIRCLE - Homepage

The homepage of CIRCLE, members of the cooperative can browse the general information about the cooperative and have access to other parts of the page through the navbar at the top of the page. The system is capable of providing members access to their loans, loan history, status and summary
Capstone Geomapping
Admin Geo-Mapping Overview
Geo-Mapping Overview
This page is accessible by cooperative admins of the system. It is where the geo-mapping module can be viewed and it shows the locations of their office branches. Clicking on the markers shown on the map will display the total inactive and active members of whom are assigned to that company. The module utilizes Google Maps API.
Planteria page
Planteria - Home Page
Home Page
This is Planteria's home page, a short description discussing what the store and website is about The online store is capable of account management, item inventory and item calculations. As an online store, purchasing items is part of the process.
HTML5
C#
Planteria 2nd
Products List
Products List

Products of Planteria's online plant and gardening store are shown in this page. The price for each item, quantity of available item stocks and their descriptions are all found here.
Planteria 3rd
My Cart - Customers
My Cart - Customers
This page contains the list of items available in the online store, and will automatically display the quantity of items that the Customers had added to their carts while viewing the online store. The page also automatically calculates the total prices of the products they are about to purchase.
4 pics 1 word, pic 1
4 Pics 1 Word
4 Pics 1 Word
This game project's design had the goal of the player correctly guessing the word that's being described by 4 pictures, answered correctly by 1 word. Hence the title "4 Pics, 1 Word." If the player guesses the correct answer, they will earn 10 coins, game can end either by running out of coins, survivng the entire challenge, or correctly guessing every word.
Python
4 pics 1 word, pic 2
Wrong Answer
Wrong Answer
The game notifies the user everytime they make a guess, the image shows the scenario of the player making an incorrect guess.
4 pics 1 word, pic 3
Correct Answer
Correct Answer
As in the previous image, the player will also be notified if they guessed the correct answer. Simultaenously, they will also be rewarded with coins with every correct guess.

Seminars Attended

1
Goldestone Webinar on Aritificial Intelligence Education - August 30, 2023
2
Exploring the Legal Perspective of Artificial Intelligence Transformation
- October 20, 2023

Certifications

1
CompTIA IT Fundamentals+
2
CompTIA CertMaster Labs for A+ Core 1
3
NSE 1 Network Security Associate