Home Group Activities Individual Activities
Back to Members
Genesis Baldonasa
Individual Work

Genesis Baldonasa

BSCpE 3B

Individual Activities in CPEN 106: Software Design

Activity 01
All About Me

A personal profile website featuring separate Light Mode and Dark Mode pages connected through navigation buttons.

Multi-pageDarkmode
Activity 02
Responsive Web Design

A responsive front-end recreation of the ChatGPT interface designed to adapt seamlessly across desktop, tablet, and mobile devices.

FlexboxResponsive Design UI Clone
Activity 03
CSS Transition Application

Demonstrates the use of hover states, transitions, and timing functions

TransitionHover EffectsAnimations
Activity 04
CSS Animation Application (Exercise B)

A CSS animation exercise that recreates a loading spinner using a rotating circular element and custom @keyframes.

KeyframesTransformsCSS Animations
Activity 04.1
CSS Animation Application (Exercise C)

An interactive card animation project controlled with JavaScript. Users can trigger slide-in and reverse animations through button interactions

JavascriptInteractiveDOM Manipulation
Activity 04.2
CSS Animation Application (Exercise D)

A sequential animation challenge featuring multiple elements that animate one after another using timed delays.

UI AnimationJavascriptAnimation delay
Activity 05
CSS Box Animation

A CSS animation project showcasing hover effects, keyframe animations, transitions, and timing functions through interactive boxes.

KeyframesHover EffectsTransitions