Individual Activities in CPEN 106: Software Design
A personal profile website featuring separate Light Mode and Dark Mode pages connected through navigation buttons.
A responsive front-end recreation of the ChatGPT interface designed to adapt seamlessly across desktop, tablet, and mobile devices.
Demonstrates the use of hover states, transitions, and timing functions
A CSS animation exercise that recreates a loading spinner using a rotating circular element and custom @keyframes.
An interactive card animation project controlled with JavaScript. Users can trigger slide-in and reverse animations through button interactions
A sequential animation challenge featuring multiple elements that animate one after another using timed delays.
A CSS animation project showcasing hover effects, keyframe animations, transitions, and timing functions through interactive boxes.