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.

Character Counter

Tracks text input length and limit constraints using input events.

Color Match Logic Game

A logic-based grid game focused on DOM manipulation and state tracking.

Dynamic Color Flipper

Generates random hex codes to update UI backgrounds programmatically.

Dice Roll Simulator

Uses Math.random() to simulate physics-based outcomes and history logs.

New Year Countdown

An interval-based timer calculating date differences via the JS Date object.

Percentage Calculator

A utility tool performing mathematical operations on user-provided inputs.

Pomodoro Productivity Timer

A time-management tool utilizing setInterval and audio notifications.

Interactive Simple Counter

A foundational card demonstrating state increments and decrements.

Task Management App - Todo

Features CRUD functionality (Create, Read, Delete) for daily task tracking.

Step Progress Indicator

A UI component tracking multi-step workflows using CSS/JS synchronization.

Tip & Bill Splitter

Calculates service tips and individual shares using floating-point math.

Car Constructor Factory

Automates vehicle object creation using constructors and manages engine states via instance-specific methods.

Letter Index Finder

Finds the index of your choosen letter from your provided string.