2nd Year · BS Computer Science · Mapúa Malayan Colleges Mindanao
Computer Science Student ✿ Student Leader
I enjoy turning ideas into neat little projects, learning new tools one step at a time, and creating spaces where fellow computing students feel supported and seen.
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.
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.
An Airbnb‑style reservation interface created specifically for one client's homestay properties, with a focus on clarity and ease of browsing.
Designed with clean layouts and soft pink accents to showcase each stay while keeping the booking experience simple and straightforward.
A Web Programming Laboratory activity where I designed and developed a landing page for a case study about an interactive platform for learning the ancient Filipino Baybayin script.
This project demonstrates my ability to translate a case study concept into a functional, visually appealing landing page with clear information architecture and responsive design.
Lab Activity · Web Programming
Techstack: HTML5, CSS3, JavaScript, Responsive Design
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
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
A project focused on SEO best practices, clean structure, and discoverability. Showcases skills in building web pages optimized for search engines.
Techstack: HTML5, CSS3, SEO
A dashboard that fetches and displays Pokémon data using a public API. Demonstrates API integration and dynamic content rendering.
Techstack: HTML5, CSS3, JavaScript, REST API
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
A K-pop–focused web app built as a summative project, with a dark theme and neon-style accents. Users enter a Western song and get matching K-pop recommendations by vibe (BPM, genre, energy), then can watch live performances via YouTube and sync a HallyuStick-style device.
Techstack: Next.js 16, React 19, Tailwind CSS, Supabase, REST API, OpenRouter/Gemini, YouTube API, optional Python (FastAPI) for vibe matching