Mini-Projects
Welcome to my card showcase! This site contains a variety of JavaScript cards I built while working on my latest paper. You’ll find plenty of quick mini-cards that highlight specific coding techniques, as well as a few larger, more detailed applications that dive deeper into advanced JS functionality.
Tracks text input length and limit constraints using input events.
A logic-based grid game focused on DOM manipulation and state tracking.
Generates random hex codes to update UI backgrounds programmatically.
Uses Math.random() to simulate physics-based outcomes and history logs.
An interval-based timer calculating date differences via the JS Date object.
A utility tool performing mathematical operations on user-provided inputs.
A time-management tool utilizing setInterval and audio notifications.
A foundational card demonstrating state increments and decrements.
Features CRUD functionality (Create, Read, Delete) for daily task tracking.
A UI component tracking multi-step workflows using CSS/JS synchronization.
Calculates service tips and individual shares using floating-point math.
Automates vehicle object creation using constructors and manages engine states via instance-specific methods.
Finds the index of your choosen letter from your provided string.
Automates vehicle object creation using constructors and manages engine states via instance-specific methods.