welcome!

start by navigating to the other windows using the links above. this site is best viewed in a modern up-to-date browser as it uses baseline 2023 and 2024 features such as oklch()1, light-dark(), requestAnimationFrame(), and the Popover API.

• collectify - expense tracker (Java Swing app)
• cloverpass - movie ticketing system (Windows Forms app)
• keiko - flashcards app (web app using Next.js)
• untitled - management system for LML Engineering Solutions
• farely - fare expense tracker

existing projects that use web technologies (keiko) showcase my progress in web programming. while the other projects are in Java and C#, they are still a testament to my programming skills. unlike keiko, this site uses vanilla HTML5, CSS3, and JS (ECMAScript 2015 and above) as opposed to Next.js and Tailwind CSS.

this site was built using modern HTML5, CSS3, and ES6 JS.

each window is a semantic <article> with its own <header> and <section>. animations and hover effects are handled by CSS transitions and pseudo-classes. content in windows like this uses display: flex for arrangement. window dragging, window tabs, image previewing_{(try me!)}, and theme toggling are implemented in JS using event listeners and DOM selectors. this site is responsive and works well on mobile devices, the experience is slightly different but still functional. implementing this site is a marker of my progress in this course and a demonstration of my skills.

¹OKLCH in CSS: why we moved from RGB and HSL

²ncurses (click to preview)