Portfolio

My Personal Projects

When I embarked on my journey to learn web development, I immersed myself in creating several pet projects. These projects served various purposes and were instrumental in applying and reinforcing everything I had learned. Building pet projects not only consolidates your knowledge but also enhances your ability to retain information far better than passively consuming tutorials or reading materials. Engaging in hands-on exercises like these promotes active learning, which is proven to be far more effective than passive learning methods such as watching, listening, or reading alone.

Here are some of my web development pet projects. Feel free to explore them by clicking on the images:

mobile kings product landing page thumbnail
Product Landing Page

This page is designed to showcase and sell mobile phones. I utilized HTML for structuring the webpage and CSS for styling. The content highlights different models of flagship phones from well-known brands, detailing their specifications and corresponding prices.

tribute page of former president rodrigo duterte
Tribute Page

Dedicated to honoring a public servant, this page highlights their significant contributions and achievements. It showcases the individual’s milestones and the positive impact they made on the community they served.

documentation page for ships machinery
Documentation Page (Ship Machineries)

Tailored for marine engineers, this webpage provides comprehensive information on various ship machinery. It covers working principles, functionalities, and even includes technical drawings, making it a valuable resource for those in the field.

documentation page for c programming language
Documentation Page (C Programming)

This page serves as an introductory guide for anyone interested in learning C programming. It provides the foundational information needed to get started with the language.

flower bar cebu website homepage
Website Optimization (Flower Bar Cebu)

Improved website visibility using Yoast SEO, implementing meta tags, keywords strategies, and content optimization

survey form sample page
Feedback Form

Designed to gather user feedback, this page is particularly useful for businesses and service providers looking to improve their offerings. Built with HTML and CSS, it features elements like lists, radio buttons, and data collection forms to make the process seamless and efficient.

Each project reflects my dedication to learning and my ability to create functional and purpose-driven webpages. Feel free to explore them and see my progress as a web developer!