01. SYSTEM

Senior High School Student / Frontend Developer / Project Builder

CLINT LORENZO

I build structured digital experiences with clear typography, responsive layouts, and practical code. My work sits between learning, interface design, and shipping useful projects.

CURRENT FOCUS

Frontend systems, layout precision, and better visual communication.

Portrait of Clint Lorenzo
ABOUT THE WORK
  • Responsive websites
  • Practical JavaScript builds
  • UI study through real projects
04 Core technologies
06 Portfolio projects
03 Primary tools
01 Clear goal: keep building
02. PROFILE

OBJECTIVE DESIGN. PRACTICAL BUILDING. CONTINUOUS LEARNING.

Clint Justine N. Lorenzo is a student developer who enjoys turning ideas into clear interfaces and thoughtful digital projects. The focus is simple: learn fast, build well, and make every version cleaner than the last.

ROLE 01

FRONTEND DEVELOPER

Building responsive interfaces with HTML, CSS, and JavaScript.

ROLE 02

STUDENT LEARNER

Using school, self-study, and experimentation to sharpen both code and design taste.

ROLE 03

PROJECT BUILDER

Creating useful concepts, clones, and experiments that turn practice into visible output.

03. TIMELINE

EDUCATION TRACK

The timeline is straightforward: steady progress through school, with growing attention to digital tools and web development.

01
Elementary School

Pagadian City Pilot School

02
Junior High School

Zamboanga Del Sur National High School

03
Senior High School

Zamboanga Del Sur National High School - Senior High School

CERTIFICATIONS

Computer Hardware Basics certificate from Cisco
CISCO

COMPUTER HARDWARE BASICS

JavaScript Essentials 1 certificate from Cisco
CISCO

JAVASCRIPT ESSENTIAL 1

Computer System Servicing NC2 certificate from TESDA
TESDA

COMPUTER SYSTEM SERVICING NC2

Developing Designs for User Interface NC3 certificate from TESDA
TESDA

DEVELOPING DESIGNS FOR USER INTERFACE NC3

Hour of Code certificate from Code.org
CODE.ORG

HOUR OF CODE

04. SELECTED WORK

PROJECTS BUILT TO PRACTICE SYSTEMS, INTERFACES, AND EXECUTION.

Each piece represents a different angle of the same process: study, build, improve, repeat.

Gamedock interface preview 1 Gamedock interface preview 2 Gamedock interface preview 3
02 / DESKTOP TOOL

GAMEDOCK

Your library, docked. A lightweight non-intrusive desktop game launcher for Windows.

Electron.js HTML CSS JavaScript
Snapcam desktop camera app preview
03 / DESKTOP TOOL

SNAPCAM

A professional-grade desktop camera alternative built with Electron.js.

Electron.js JavaScript
Artfolio platform preview 1 Artfolio platform preview 2
04 / CREATOR PLATFORM

ARTFOLIO

A clean visual-first platform for discovering and collecting original work from independent creators.

HTML CSS JavaScript
Infobot dashboard preview
05 / DASHBOARD

INFOBOT

A simple PHP and MySQL dashboard that brings AI tools together in one place with model switching.

PHP MySQL JavaScript
Codedojo learning platform preview
06 / LEARNING PLATFORM

CODEDOJO

A browser-based coding platform for beginners to practice HTML with real-time output and tracking.

PHP MySQL HTML
05. STACK

CORE TECHNOLOGIES

The stack is intentionally focused: fundamentals first, then stronger execution through repetition.

HTML icon

HTML

Semantic structure and clean document flow.

CSS icon

CSS

Layout systems, responsive styling, and visual structure.

JavaScript icon

JAVASCRIPT

Interaction, logic, and browser-side problem solving.

PHP icon

PHP

Backend fundamentals and form-based workflows.

06. TOOLS

WORKING TOOLS

Simple tool choices keep the workflow direct: write, test, inspect, improve.

VS Code icon

VSCODE

Main editor for layout, styling, and iterative builds.

GitHub icon

GITHUB

Version control, publishing, and visible project history.

XAMPP icon

XAMPP

Local backend testing for PHP-based exercises and forms.

07. CONTACT

LET'S BUILD SOMETHING CLEAR, USEFUL, AND WELL MADE.

If you want to talk about projects, collaboration, or new opportunities to learn and build, the contact page is open.

Open Contact Form