Interactive 3D Portfolio
An exploration of spatial UI and web graphics. Built using custom shaders, responsive physics-like particles, and fluid animations to create a tactile digital environment.
View Source on GitHubDesigning digital interfaces
Hello, I’m Jan Vincent Oclarit
I am a Developer
A third-year Computer Science student at the University of Mindanao with an academic foundation in full-stack development and machine learning. I combine technical precision with intuitive design to build interfaces that feel responsive and effortless.
Scroll
Crafting experiences at the intersection of design and code
I build fluid, responsive interfaces that combine refined design with robust engineering, focusing on performance, typography, and meaningful interactions.
Skills & Technologies
Three.js / WebGL
JavaScript / TS
React / Next.js
GSAP & CSS Motion
HTML5 / CSS3
UI/UX & Figma
Education
Bachelor of Science in Computer Science
2023 – PresentUniversity of Mindanao | Davao City
Relevant Coursework: Data Structures and Algorithms, Object-Oriented Programming, Web Development, Software Engineering, Introduction to Cybersecurity, Introduction to AI
Certifications
IT Specialist – Databases
CertiportVerification of foundational database design, query execution, and database administration concepts.
IT Specialist – Cybersecurity
CertiportVerification of fundamental security principles, network vulnerability protection, policies, and secure operations.
Showcase
Selected Projects
PhishShield
An intelligent security utility designed to identify fraudulent URLs. Leveraging machine learning and explainable AI (SHAP), it analyzes web addresses in real-time, providing clear visual transparency on potential risk factors.
Visit Live Project
Other Projects
BillEase Utility System
A comprehensive billing management desktop application featuring automated utility calculations, a customer registration system, and receipt generation with real-time balance updates.
Laravel RM Woodworks
A functional web application prototype created for a woodworking business, featuring database migrations, inventory models, Laravel Blade template rendering, and MVC navigation routing.
Current Pulse
An automated, real-time snapshot of my active projects, Spotify listening history, and GitHub contributions, bridging the gap between my development workflow and live portfolio.
Get In Touch
Let’s collaborate on your next digital project
Whether you want to discuss a new project, collaborate on creative ideas, or simply say hello, feel free to drop me a message. I’ll do my best to get back to you shortly.