About Me

Hi, I'm Julliana Onor, a 2nd‑year BS Computer Science student at Mapúa Malayan Colleges Mindanao. I'm slowly building my foundations in programming, from my first Java application to my first web UIs, and I love keeping my work clean, organized, and gently pink.

Outside of class, I'm very active in leadership and student organizations. As President of the Computing Students' Society, I help plan events, support my peers, and create a welcoming space for computing students to grow together.

Achievements & Certifications

CodeChum C++ Programming Certificate

CodeChum C++ Basics Certificate

Certificate from CodeChum that proves I finished the basics of C++ — from variables and conditionals to loops and simple problem‑solving.

Helped me build confidence in reading and writing beginner‑friendly C++ code with proper logic and structure.

Projects

Screenshot of Machine Problems web application interface

Machine Problems

A collection of interactive web exercises featuring character counting and email validation tools, designed with a pop of girlish color and playful aesthetics that make coding practice feel fun and inviting.

This project showcases practical JavaScript applications including a character counter that analyzes text input and an email validator that checks for proper email format. Built as part of my web development learning journey, it demonstrates my ability to create functional, user-friendly interfaces with clean code and delightful design.

Techstack: HTML5, CSS3, JavaScript

Screenshot of Pretty in Pink! Tailwind CSS Tutorial live demo

Pretty in Pink! Tailwind CSS Tutorial

An interactive demo web application I built to explore and visualize Tailwind CSS in real-time. The project features a live code editor where users can modify HTML with Tailwind classes and instantly see the styled results—helping me (and others) better understand utility-first CSS through direct, playful experimentation.

Inspired by Barbie’s vibrant color palette and designed with a vocabulary that makes sense to me—clear, visual, and beginner-friendly.

Techstack: Next.js 16, React 19, Tailwind CSS v4, ESLint 9

Screenshot of PinkMood – Vibe Generator web application

PinkMood – Vibe Generator

A mood-based GIF generator web application created as Part 3 of the IT103 Exam, featuring a very girly design with soft pink tones and playful aesthetics.

Users can search moods, explore matching GIFs, and save their favorite animations in a dedicated favorites page. This project demonstrates API integration, dynamic content rendering, and interactive UI design while keeping a fun and feminine visual style.

Exam Project · IT103 Web Programming

Techstack: Next.js 16, React 19, Tailwind CSS, REST API, LocalStorage

Contact